

/*-------------------------------------------------
PAGE BODY
-------------------------------------------------*/

body {
	margin: 0 auto;
	padding: 0;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color: #222;
	background-color: #e5e5e5;
	text-align: center;
}

/* Make sure the table cells show the right font */
td { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; }


/*-------------------------------------------------
PRELOADED IMAGES
-------------------------------------------------*/

#preloaded_images {
  width: 0px;
  height: 0px;
  display: inline;
}

body.todos #preloaded_images {
  background-image: url(/images/dots-white.gif);
  background-image: url(/images/nubbin.gif);
  background-image: url(/images/drag_handle.gif);
  background-image: url();
}


/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/

input { padding: 3px; }

span.help {
  font-size: 10px;
  color: #666;
}

a {text-decoration: underline; padding: 1px; }
a:link { color: #03c; }
a:visited { color: #03c; }
a:hover { color: #fff; background-color: #30c; text-decoration: none; }


a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}

a.image img {
	border: none;
}

span.admin {
	color: #999;
	font-size: 11px;
	font-weight: normal;
}

a.admin:link, a.admin:visited {
	color: #f00;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}

a.adminfull:link, a.adminfull:visited {
	color: #f00;
	font-weight: bold;
	text-decoration: underline;
}

a.admin:hover, a.adminfull:hover { color: #fff; background: #f00; }

a.black:link, a.black:visited {
	color: #000;
}

a.black:hover {
	color: #fff;
	background: #000;
}

a.anchor:link, a.anchor:visited, a.anchor:hover {
	color: #fff;
	background: #fff;
	font-size: 0px;
	text-decoration: none;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

p {
	font-size: 12px;
	line-height: 16px;
}

p.submit,
div.submit {
  color: #666;
  font-size: 11px;
}

p.submit input {
  vertical-align: middle;
}

div.submit {
  border-top: 2px solid #000;
  padding: 8px 0 12px 0;
  text-align: center;
}

div.submit input {
  font-size: 14px;
}

small {
	font-size: 10px;
	line-height: 13px;
}

blockquote {
	font-size: 12px;
	color: #666;
	margin: 20px;
}

ol, ul, li {
	margin: 0;
	padding: 0;
}

ul li {
	list-style-type: none;
}

li {
	font-size: 11px;
	line-height: 13px;
	padding: 3px 0;
}

div.widget li {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}

h1 {
	font-family: "Lucida Grande", arial, sans-serif;
	padding: 0;
	border-bottom: 0;
	margin: 0;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

h1.blankslate {
	background: #ff6;
	color: #000;
	margin-bottom: 10px;
	padding: 5px;
	margin-left: -5px;
}

h1.blankslate a {
	color: #f00;
}

h1.blankslate a:hover {
	background-color: #000;
	color: #fff;
}

p.blankslate {
  font-size: 14px;
  color: #000;
  padding: 5px;
  margin: 0 0 10px 0;
}

p.blankslate strong {
  background: #ff6;
}

h2 {
	font-family: "Lucida Grande", arial, sans-serif;
	margin: 20px 0 5px 0px;
	color: #333;
	font-size: 14px;
	padding: 0;
}

h2.subheader {
	padding: 0 0 2px 0;
	margin: 15px 0 5px 0;
	font-size: 12px;
	border-bottom: 1px solid #000;
	color: #000;
}

h3 {
	margin: 20px 0 0 0;
	color: #666;
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 14px;
	padding: 0;
}

.smallnote {
	font-size: 10px;
	color: #999;
	font-weight: normal;	
}

.light {
	font-weight: normal;
}

.lightgray {
	font-weight: normal;
	color: #666;
	font-size: 9px;
}

.lightgray a:link, .lightgray a:visited {
	color: #999;
	background: inherit;
	text-decoration: underline;
}

.lightgray a:hover {
	color: #fff;
	background: #000;
}

.smallgray {
  font-weight: normal;
  color: #666;
  font-size: 10px;
}

.smallgray a:link, .smallgray a:visited {
  color: #666;
  background: inherit;
  text-decoration: underline;
}

.smallgray a:hover {
  color: #fff;
  background: #000;
}

.highlight {
	background-color: #ffc;
}

td, th {
	padding: 3px;
	text-align: left;
}

.bigger {
	font-size: 12px;
}

.red {
	color: red;
}

.blue {
	color: #06c;
	}
	
.green {
	color: #390;
	}

code, pre	{
	font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;
	background: inherit;
	color: #333;
	font-size: 80%
	}

pre {
  overflow: auto;
}

	/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */

* html code	{
	font-size : 105%; 
	}

.PrivateMessage, .PrivateWriteboard {
	padding: 0px 0px 3px 0px;
	margin-bottom: 20px;
}

.PrivateMessage, .PrivateWriteboard {
	background: url(/images/private-back-red.gif) #fff;
}

.PrivateWriteboard {
  margin-bottom: 0;
  padding: 10px;
	border-left: 5px solid #BC0001;
}

.ClientMessage {
	padding: 0px 0px 3px 0px;
	margin-bottom: 20px;
}

div.ClientMessage div.Post {
	margin-bottom: 0;
  margin-left: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border-left: 5px solid green;
}

div.PrivateMessage div.Post,
body.files div.PrivateMessage div.Post {
	margin-bottom: 0;
  margin-left: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border-left: 5px solid #BC0001;
}

body.files div.PrivateMessage {
  margin-bottom: 12px;
}

body.files div.PrivateMessage div.Post {
  padding-left: 5px;
}

img.privatebug {
	padding: 5px;
}


/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

div#Wrapper {
	padding: 12px 23px 0 30px;
  margin: 0 auto;
}

.container {
	margin: 0 auto 0 auto;
	text-align: center;
	min-width: 750px;
	}

.ClearAll {
	padding: 0px;
	clear: both;
	font-size: 0px;
	}

#ContentFrame, #DashContentFrame, .ContentFrame {
	margin: 0;
	padding: 0px 0;
	width: 100%;
	text-align: left;
	/*position: relative;*/
	float: left;
}

table.layout {
  clear: left;
  border-collapse: collapse;
  width: 100%;
}

table.layout td.left,
table.layout td.right {
  vertical-align: top;
  padding: 0;
}

table.layout td.left {
  width: 70%;
}

table.layout td.right {
  width: 30%;
}

div.Left {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 70%;
	float: left;
	}

div.Right {
	margin: 0px 0 0 0;
	padding: 0;
	text-align: left;
	/*position: absolute;*/
	float: left;
	width: 30%;
	}

table.layout td.left div.Left,
table.layout td.right div.Right {
  width: auto;
  float: none;
}


#Footer {
	clear: left;
	font-size: 9px;
	color: #666;
	margin: 4px 0 20px 20px;
	text-align: left;
	padding-bottom: 15px;
}

#Footer a:link, #Footer a:visited {
	color: #666;
}

#Footer a:hover {
	color: #fff;
	background: #666;
}

/*-------------------------------------------------
PROJECT-TO-PROJECT SWITCHING
-------------------------------------------------*/

#P2P_selector {
	padding: 7px;
	font-size: 11px;
  color: #fff;
}

#Header h3 #P2P_selector span.light {
	color: #999;
	font-size: 11px;
}

#Header h3 #P2P_selector a:link,
#Header h3 #P2P_selector a:visited {
  color: red;
  background: #f0f0f0;
  padding: 3px;
  font-weight: bold;
}

#Header h3 #P2P_selector a:hover {
  color: white;
  background: red;
}

/*-------------------------------------------------
MESSAGE CATEGORY LINKS
-------------------------------------------------*/

div#CategoryList {
	margin-top: 5px;
	font-size: 12px;
  padding-left: 6px;
}

div#CategoryList a:link.category_link,
div#CategoryList a:visited.category_link {
  position: relative;
  display: block;
  margin: 0 0 1px 0;
  padding: 4px;
  line-height: 15px;
}

div#CategoryList a:hover.category_link {
  color: #03c;
  text-decoration: underline;
  background: #f0f0f0;
}

div#CategoryList a.category_link:active {
  color: #000;
}

div#CategoryList div.category div.operations {
  position: relative;
  margin: 0 0 1px 0;
  width: 75px;
  padding: 4px 0;
  line-height: 16px;
  text-align: right;
  float: right;
  display: none;
}

div#CategoryList div.category img.spinner {
  padding-top: 6px;
}

div#CategoryList div.category img {
  vertical-align: middle;
}

div#CategoryList.editing div.category {
  clear: both;
  border-top: 1px solid #ccc;
}

div#CategoryList.editing a:link.category_link,
div#CategoryList.editing a:visited.category_link {
  margin-right: 80px;
}

div#CategoryList.editing div.category div.operations {
  display: block;
}

div#CategoryList a.current:link, 
div#CategoryList a.current:visited, 
div#CategoryList a.current:hover {
	color: #000;
	text-decoration: none;
  background: none;
  padding-left: 2px;
}

div#CategoryList a.current span,
div#CategoryList a.current:hover span {
  padding: 2px 4px;
  background: #000;
  color: #fff;
}

/*-------------------------------------------------
SECTION HEADER
-------------------------------------------------*/

.SectionHeader {
  padding-top: 0px;
	margin: 0 0 30px 0;
}

div.Left .SectionHeader,
div.Full .SectionHeader {
  text-align: center;
}

.dashboard .Left .SectionHeader { /* latest activity */
  margin: 10px 0;
}

.dashboard .Left .SectionHeader h1 { 
  font-size: 12px;
}

.dashboard #screen_body .Left .innercol,
.overview #screen_body .Left .innercol {
	padding-right: 28px;
}

.dashboard .Right .SectionHeader { /* Your Projects */
  margin-bottom: 20px;
}

span.SectionDescription {
	font-weight: normal;
	color: #666;
}

.ContextHeader {
  text-align: center;
  margin: 0 0 15px 0;
}

.ContextHeader h1 {
  margin: 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #666;
	font-size: 16px;
	color: #000;
  font-size: 12px;
}

.ContextHeader h1 span.private {
  color: #fff;
	background: #BC0000;
  font-weight: normal;
  padding: 0 3px;
}

.ContextHeader h1 a {
  font-weight: normal;
  font-style: italic;
}

.SectionHeader h3,
.ContextHeader h3 {
	font-family: verdana;
	padding: 2px 0 0 0;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	color: #666;
}

.SectionHeader h3 img {
  vertical-align: middle;
}

.SectionHeader div.ActionButton {
	background: #fff;
	border-top: none;
	float: right;
	padding: 3px 0 0 0;
	margin: 0;
}

.SectionHeader div.ActionButton {
	font-size: 10px;
}

/*-------------------------------------------------
INDIVIDUAL POSTS
-------------------------------------------------*/

.Post {
  font-size: 14px;
	margin: 0 0 10px 10px;
	padding: 0 0 20px 0;
}

body.messages div.Post {
  font-size: 12px;
}

.Post p {
	padding: 0;
	margin: 3px 0 10px 0;
	font-size: 14px;
	line-height: 1.4em;
}

body.messages div.Post p {
	font-size: 12px;
}

.Post h1 {
	color: #000;
}

.Post h1 a {
	color: #000;
	text-decoration: none;
}

.Post h1 a:hover {
	background: #fff;
	color: #000;
	text-decoration: underline;
}	

.Post h2.subhead {
	padding: 0;
	margin: 15px 0 0 0;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	line-height: 12px;
}

.Post ol, .Post ul {
	margin: 3px 0 10px 0;
	padding: 0;
}

.Post li {
	margin-left: 30px;
	font-size: 14px;
	line-height: 1.4em;
}

body.messages div.Post li {
	font-size: 12px;
	line-height: 1.4em;
}

.Post ul li {
	list-style-type: square;
}

.Post table {
  border-collapse: collapse;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 3px 0 10px 0;
}

.Post td,
.Post th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
	padding: 5px;
	font-size: 12px;
}


/*-------------------------------------------------
LINK BOXEN
-------------------------------------------------*/

.Links {
	padding-bottom: 15px;
	display: none;
}

.LinkBox, .LinkBoxWithFile {
	width: 75%;
	padding: 4px;
	margin-top: -1px; /* stacked fileboxes share a border */
	background: url(/images/back_ystripes.gif) #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #666;
	font-size: 10px;
	line-height: 16px;
}

.LinkBoxWithFile img {
	padding: 0 3px 20px 0;
}

.LinkBox a, .LinkBoxWithFile a {
	font-size: 12px;
}



/*-------------------------------------------------
DASHCAL
-------------------------------------------------*/

table.Dashcal {
	margin-bottom: 15px;
	background: #e1e0e0;
	width: 90%;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
	}

table.Dashcal th {
	color: #666;
	background: none;
	padding: 3px;
	font-size: 10px;
	text-align: left;
}

table.Dashcal td {
	background: #f0f0f0;
	padding: 3px;
	color: #ccc;
	font-size: 9px;
	vertical-align: top;
}

table.Dashcal td.with {
	background: #fff;
	color: #333;
	border: 1px solid #000;
	font-weight: bold;
}

table.Dashcal td#today {
	background: #ffc;
	color: #000;
	border: 2px solid #fc6;
}

table.Dashcal ul {
	padding: 0;
	margin: 3px 0 0 0;
}

table.Dashcal li {
	font-weight: normal;
	font-size: 10px;
	line-height: 11px;
	padding: 3px 0 0 0;
	margin-bottom: 5px;
}

/*-----------------------------------------------
FULLCAL
-------------------------------------------------*/

table.Fullcal {
	margin: 15px 0;
	background: #e1e0e0;
	width: 100%;
	}

table.Fullcal th {
	color: #666;
	background: none;
	padding: 3px;
	font-size: 10px;
	text-align: left;
}

table.Fullcal th.month {
	background: #fff;
	color: #000;
	width: 1%;
	padding-right: 5px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
}

table.Fullcal td.blank {
	background: none;
}

table.Fullcal td {
	background: #f0f0f0;
	vertical-align: top;
	padding: 3px;
	color: #bbb;
	font-size: 9px;
}

table.Fullcal td.with {
	background: #fff;
	color: #333;
	border: 1px solid #000;
	font-weight: bold;
}

table.Fullcal td#today {
	background: #ffc;
	color: #333;
	border: 2px solid #fc6;
}


table.Fullcal ul {
	padding: 0;
	margin: 3px 0 0 0;
}

table.Fullcal li {
	font-weight: normal;
	font-size: 10px;
	line-height: 11px;
	padding: 3px 0 0 0;
	margin-bottom: 5px;
}



/*-------------------------------------------------
SIDEBAR
-------------------------------------------------*/

.Right h1, .Right h1.late {
	padding: 4px 0 2px 0;
	border-bottom: 1px solid #666;
	margin: 0 0 5px 0;
	font-size: 12px;
	color: #000;
}

.Right p {
  font-size: 11px;
  line-height: 14px;
}

.Right h1.late {
	padding-top: 0;
	border-bottom: 1px solid #c00;
	color: #c00;
}

.Right p.incategory {
	margin-top: 0;
	background: #ececec;
	padding: 4px;
}

.Right p.incategory a {
	display: block;
}

.Right h2, .Right h2.border {
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 20px 0 3px 0;
	padding: 0;
	border: none;
}

.Right h2.border {
	border-bottom: 1px solid #d5d5d5;
}

.SidebarPosts li {
	font-size: 10px;
	color: #666;
  margin-bottom: 4px;
}

.SidebarPosts h1 {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 2px;
	border: none;
}

.SidebarPosts h2 {
	color: #666;
	font-size: 11px;
	margin-bottom: 5px;
}

.SidebarPosts h3 {
	color: #999;
	font-weight: normal;
	font-size: 10px;
	margin: 0;
}

.SidebarOriginal {
	padding-top: 20px;
}

.SidebarOriginal h1 {
	font-size: 10px;
	border-bottom: none;
	color: #333;
}

.SidebarOriginal p {
	font-size: 10px;
}

#Poster {
	margin-bottom: 30px;
}

.Right ol {
	padding-left: 20px;
}


.Right ul li {
	list-style: none;
	padding: 0 0 3px 0;
	margin-left: 0;
}

/*-------------------------------------------------
RETURN LINK
-------------------------------------------------*/

.return, .returnborder {
	padding-bottom: 2px;
	margin: 0 0 15px 0;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	border: none;
}

.returnborder {
	border-bottom: 1px solid #d5d5d5;
}

.return a, .returnborder a {
	color: #666;
}

.return a:hover, .returnborder a:hover {
	background-color: #666;
	color: #fff;
}


/*-------------------------------------------------
FORM STUFF (MORE BELOW)
-------------------------------------------------*/

table.NewLink th {
	text-align: left;
	font-size: 10px;
}

span.formoptions /* small text inside an h2 */ {
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
}

span.formoptions a {
	padding: 4px;
}

.ButtonGroup {
	font-size: 11px;
	text-align: right;
	margin: 15px 0 3px 0;
}

.error {
	background-color: red;
	padding: 2px;
}

.field_with_errors {
  padding: 4px 0 4px 2px;
  display: inline;
  border-left: 8px solid red;
  margin-left: 3px;
}

.general_error_box {
  border: 1px solid #c99;
	background: url(/images/alertbad_icon.gif) #c00 5px 10px no-repeat;
	color: #fff;
  padding: 10px 10px 10px 37px;
  margin-bottom: 20px;
}

.general_error_box h2 {
  color: #fff;
  margin-top: 0;
  line-height: 140%;
}

.general_error_box p {
  color: #fff;
  margin-bottom: 0;
  margin-top: 5px;
}

.general_error_box a:link,
.general_error_box a:visited {
  color: #fff;
}

#ErrorExplanation,
#errorExplanation {
	border: 2px solid red;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}

#ErrorExplanation h2,
#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 27px;
	font-size: 12px;
	margin: -7px;
	background: url(/images/alertbad_icon.gif) #c00 left no-repeat;
	color: #fff;
}

#ErrorExplanation p,
#errorExplanation p {
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}

#ErrorExplanation ul,
#errorExplanation ul {
	margin-left: 30px;
}

#ErrorExplanation ul li,
#errorExplanation ul li {
	font-size: 12px;
	list-style: square;
}


/*-------------------------------------------------
OVERVIEW
-------------------------------------------------*/

body.overview div.announcement {
	margin: 0 0 20px 0;
}

body.overview div.announcement p {
	font-size: 14px;
	line-height: 18px;
}


/*-------------------------------------------------
MILESTONES
-------------------------------------------------*/

.LateBlock, .UpcomingBlock, .CompletedBlock {
	margin-bottom: 25px;
}

.Milestone {
	border-bottom: 1px solid #e0e0e0;
	padding: 8px 0 8px 5px;
}

.Milestone ul {
	margin: 3px 0 8px 30px;
}

.Milestone li {
	color: #ccc;
	border: none;
	list-style: square;
	padding: 2px 0 0 0;
}

.Milestone li a {
	color: #666;
}

.Milestone li a:hover {
	color: #fff;
	background: #666;
}

h1.LateMilestones, h1.UpcomingMilestones, h1.CompletedMilestones {
	font-family: verdana;
	font-size: 10px;
	padding: 3px;
	/* background-color: #c00; */
	background-color: #fc0;
	/* color: #fff; */
	color: #000;
	margin: 0;
	text-align: left;
	/* border-bottom: 1px solid #c00; */
	border-bottom: 1px solid #fc0;
}

h1.LateMilestones {
	background-color: #c00;
	border-bottom: 1px solid #c00;
	color: #fff;
}

h1.CompletedMilestones {
	background-color: #090;
	border-bottom: 1px solid #090;
	color: #fff;
}

.Milestone h2 /* the date */ {
	font-family: verdana;
	padding: 0 0 3px 0;
	margin: 0;
	color: #c00; /* future by default */
	font-size: 10px;
	font-weight: bold;
}

.Milestone .showhide h2 {
  color: #333;
}

.Milestone .showhide .submit {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px dotted #999;
  text-align: right;
}

.Milestone h2.complete {
	color: #090;
}

.Milestone h2.upcoming {
	color: #c93;
}

.Milestone h3 /* the name */ {
	padding: 0;
	border-bottom: 0;
	margin: 0;
	color: #333;
	font-size: 14px;
	font-family: "Lucida Grande", arial, sans-serif;
	font-weight: bold;
}

.day {
	font-weight: normal;
}

.responsibility {
	font-size: 10px;
	color: #666;
	font-weight: normal;	
}

/* MILESTONE DIALOG */

.Milestone div.DialogHeader {
	background-color: #333;
	padding: 3px 0 3px 10px;
	text-align: left;
	border: 1px solid #333;
	border-bottom: none;
	margin: 0;
}

.Milestone div.DialogHeader h1 {
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #fff;
}

.Milestone div.DialogBody {
	width: auto;
	background: #f0f0f0;
	border: 1px solid #d5d5d5;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0 12px 8px 15px;
	margin: 0;
}

.Milestone div.PrimaryAction {
	font-size: 10px;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px dotted #999;
	text-align: right;
}

#NewMilestone {
	background: none;
	padding: 0 0 20px 0;
}

/* ADD MORE MILESTONES */

#basic_form table#AddManyMilestones {
  width: 100%;
  margin-bottom: 10px;
  border-collapse: collapse;
}

#basic_form table#AddManyMilestones th {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #d5d5d5;
}

#basic_form table#AddManyMilestones tr.shaded {
	background-color: #efefef;
	}

#basic_form table#AddManyMilestones td {
  width: 30%;
	padding: 8px 4px;
}

#basic_form table#AddManyMilestones td span.send_reminder {
  white-space: nowrap;
}

#basic_form table#AddManyMilestones td.title input {
  width: 90%;
}


.AddTheseMilestones {
	text-align: right;
}

h2.ForReference {
	margin-left: 0;
}

/*-------------------------------------------------
CONTACTS
-------------------------------------------------*/


.Contacts {
	padding: 0;
	margin: 0 0 25px 0;
	text-align: left;
	width: 100%;
  border-collapse: collapse;
	border-left: 1px solid #efefef;
	}	

.Contacts p.admin {
  color: #999;
}

.Contacts a.admin {
  font-size: 10px;
}

.popup_add_dialog {
  background: #f0f0f0;
  padding: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid #dcdcdc;
}

.popup_add_dialog h1 {
  font-size: 12px;
  border-bottom: 1px dotted #ccc;
}

.popup_add_dialog select,
.popup_add_dialog input {
  font-size: 14px;
}

.popup_add_dialog select,
.popup_add_dialog input.text {
  width: 225px;
}


.popup_add_dialog table {
  margin: 10px 0 5px 0;
}

.popup_add_dialog td {
  font-size: 12px;
  padding: 0 20px 0 0;
}

.Contacts td {
	text-align: left;
	width: 33%;
	padding: 5px 5px 5px 10px;
	background-color: #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
  vertical-align: top;
	}	

.Contacts td.nopeople {
  background: #ffc;
  width: 66%;
}

.Contacts td.nopeople p,
.Contacts td.nopeople p a {
  font-size: 12px;
  line-height: 16px;
}

.Contacts tr.top td {
  border-top: 1px solid #efefef;
}

.Contacts td.blank,
.Contacts tr.top td.blank {
  background: #fff;
  border: none;
}

.Contacts td.company {
  background: #f0f0f0;
}

.Contacts td.person div {
  margin-left: 55px;
}

.Contacts td.person div.noavatar {
  margin-left: 0;
}

.Contacts td.person div.avatar {
  margin: 0;
  width: 48px;
  float: left;
}

.Contacts td h1,
.Contacts td h2 {
	color: #000;
	padding: 0;
	margin: 0;
	font-size: 14px;
  margin-bottom: 2px;
	font-weight: bold;
	border: none;
	}	

.Contacts td h3 {
	font-family: verdana;
	padding: 0;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	border: none;
	color: #000;
	}	

.Contacts td p {
	padding: 0;
	margin: 0 0 3px 0;
	font-size: 10px;
  line-height: 12px;
	color: #000;
	font-weight: normal;
	}	

.Contacts span.item {
  margin-right: 5px;
  white-space: nowrap;
}

.Contacts span.label {
	font-size: 10px;
	color: #666;
	font-weight: normal;	
}

/*-------------------------------------------------
DASHBOARD / PROJECTS PAGE
-------------------------------------------------*/

.EmailExample {
	padding: 7px;
	border: 1px dashed #ccc;
	font-family: monospace;
	font-size: 10px;
	background-color: #FDFAE0;
	}

.ActiveClients {
	margin-bottom: 10px;
}

.ClientViewActiveProjects {
  margin-bottom: 15px;
}

.InactiveClients {
}

.DashTabs {
	background-color: #333;
	text-align: left;
	padding: 5px 0 0 0;
}

.DashTabs ul#Tabs {
	margin: 0px;
	padding-left: 20px;
}

.Client {
	margin: 0;
	padding: 0 0 5px 0;
}

.Right .Client h1,
.Right .InactiveClients h1 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 2px;
	color: #000;
  border-bottom: none;
  display: inline;
}

.Right .InactiveClients h1 {
	color: #666;
  background: none;
}

.Client div.Project, .Client div.InactiveProjects {
	margin: 4px 0 0 0;
	padding: 0 0 7px 0;
}

.Client .InactiveProjects a {
	color: #666;
	font-size: 10px;
	font-weight: normal;
}

.ClientViewActiveProjects .Project a {
  font-size: 12px;
  margin: 0;
}

.InactiveProjects a {
	color: #666;
}

.InactiveProjects a:hover {
	color: #fff;
	background-color: #666;
}

.Right h2.dashstatus {
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	line-height: 12px;
	border-bottom: 1px solid #ccc;
}

p.fixed10 {
	font-family: courier, monospace;
	font-size: 10px;
	line-height: 12px;
}

div#LogoBox {
  margin-bottom: 15px;
}

div#LogoBox img {
  padding: 5px 0 0 0;
}

div#LogoBox.white img {
  background: #fff;
  padding: 10px;
}

/*-------------------------------------------------
NEW PROJECT PROCESS
-------------------------------------------------*/

.fauxdivtop {
	border-top: 1px solid #ccc;
	padding-top: 8px;
}

.fauxdivbottom {
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
}

table.NewPerson td, table.NewPerson th {
	font-size: 10px;
}

table.NewPerson th {
	font-weight: normal;
	text-align: right;
}

.StepGroup, .StepSubGroup {
	background: url(/images/back_gstripes.gif);
	border: 1px solid #d5d5d5;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px 0 15px 15px;
	margin: 5px 0 30px 15px;
}

.StepSubGroup {
	margin-top: -31px;
}

#LastStepGroup {
	margin-bottom: 0;
}

.StepHelp {
	font-size: 10px;
	color: #666;
	padding: 5px 0 0 0;
	margin: 10px 15px 0 0;
	border-top: 1px solid #ccc;
}

p.longurl {
	line-height: 18px;
}

p.longurl a {
	font-size: 10px;
}

p.Checkbox /* a checkbox and label after */ {
	margin: 5px 0;
}

.StepButtons {
	font-size: 11px;
	margin: 15px 0 3px 15px;
	text-align: left;
}

.InsideButton /* like "save and add another" */ {
	margin: 10px 10px 0 0;
	padding: 5px;
}

.SidebarSteps {
	margin-bottom: 25px;
}

.SidebarSteps p {
	margin-top: 3px;
}

.SidebarTip {
	margin-bottom: 25px;
}

.SidebarTip p {
	margin-top: 3px;
}

.SidebarTip h1 {
	margin-bottom: 0;
}


/*-------------------------------------------------
FLASHES
-------------------------------------------------*/

#Flash {
	text-align: left;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 30px;
	font-size: 14px;
	margin-bottom: 12px;
}

.login #Flash {
  margin-top: 12px;
  font-size: 12px;
}

#Flash.flash_notice {
	border-color: #9c9;
	color: #060;
	background: url(/images/alertgood_icon.gif) #E2F9E3 left no-repeat;
}

#Flash.flash_alert {
	border-color: #c99;
	color: #fff;
	background: url(/images/alertbad_icon.gif) #c00 left no-repeat;
}

#Flash.flash_alert a {
  color: #fff;
}

#Flash.flash_alert a:hover {
  background: #000;
}

/*-------------------------------------------------
DIALOG BOX
-------------------------------------------------*/

.DialogBody {
	margin: 0;
	padding: 10px;
	text-align: left;
	border: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #fff;
	}

.DialogBody td {
	font-size: 11px;
}

.DialogHeader {
	background-color: #333;
	padding: 0;
	margin: 0;
	text-align: left;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	}	

.DialogHeader h1 {
	font-family: verdana;
	margin: 0;
	padding: 3px 0 3px 10px;
	font-size: 10px;
	color: #fff;
	}	

.DialogBody h1 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	color: #f00;
	}

.DialogBody p.noundo {
	font-size: 10px;
	font-weight: normal;
	color: #666;
	}

.ThePost {
	margin: 10px 0 10px 0;
	padding: 10px 10px 0 10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	}

.ThePost h1 {
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	}

.additional {
	color: #999;
	font-size: 10px;
	}

.PrimaryAction {
	font-size: 10px; /* <-- added by rjs */
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px dotted #999;
	text-align: right;
	}

.PrimaryAction input {
	font-size: 12px;
}

/*-------------------------------------------------
ARCHIVE STYLES
-------------------------------------------------*/

/* a div.Archive is one major time division (eg: month) */

.Archive {
	margin-bottom: 25px; 
}

.Archive h1 { 
	margin: 0 0 5px 0;
	border-bottom: 1px solid #e0e0e0;
	font-size: 13px;
	color: #666;
}

.Archive ul {
	margin: 0;
	padding: 0;
}

.Archive li {
	font-size: 11px;
	font-family: verdana;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
	border: none;
	color: #666;
}

.Archive li span.highlight {
	color: #000;
}

li span.highlight {
	color: #000;
}


.FormBlock table#items th,
.FormBlock table#items td {
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	padding: 0 3px 5px 0;
}


/*-------------------------------------------------
NEW POST ATTACHMENTS
-------------------------------------------------*/

div#Listform ul li#UploadProgress {
	background: #ffc;
	color: #666;
	font-size: 10px;
	padding: 3px;
}

div#Listform ul li#UploadProgress strong {
	color: #000;
	font-size: 11px;
}

#Attached {
	margin: 0 10px;
	padding: 15px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: url(/images/attached-bg.gif) repeat-x;
}

#Attached ul {
	margin: 0;
	padding: 0;
}

#Attached li {
	color: #999;
	border: none;
	list-style: none;
	font-size: 10px;
	font-weight: normal;
}

#AttachFile table, #AttachLink table {
	width: 100%;
}

#AttachFile {
	background: #efefef;
	padding: 5px 10px;
	margin: 0 10px;
	border-top: 1px dotted #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#AttachFile td {
	font-size: 11px;
	vertical-align: top;
}

#AttachFile td span.help {
	font-size: 9px;
}

#AttachLink {
	border-top: 1px dotted #ccc;
	background: #efefef;
	padding: 5px 10px;
	margin: 0 10px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#AttachLink td {
	font-size: 11px;
}

#AttachLink td span.help {
	font-size: 9px;
}

#AttachTabs {
	margin: 0 10px 0 10px;
	background: url(/images/attachtabs-bg.gif) top repeat-x;
}

#AttachTabs ul {
	margin: 0;
	padding: 0;
}

#AttachTabs ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#AttachTabs li a:link, #AttachTabs li a:visited {
	float: left;
	background: #999;
	font-size: 11px;
	font-weight: normal;
	padding: 4px 6px;
	margin: 0 1px 0 0;
	border: 1px solid #999;
	border-top: none;
	text-decoration: underline;
	color: #fff;
}

#AttachTabs a:link.current, #AttachTabs a:visited.current {
	text-decoration: none;
	background: #efefef;
	color: #333;
}

#AttachTabs a:hover {
	color: #000;
	background: #ffc;
}


/*-------------------------------------------------
SIGNUP
-------------------------------------------------*/

#Listform ol {
	padding: 0;
	margin: 0 0 0 20px;
}

#Listform ul {
	padding: 0;
	margin: 0 0 0 5px;
}

#Listform li {
	border-top: none;
	font-size: 13px;
	font-family: "Lucida Grande", arial, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0 0 30px 0;
	color: #090;
}

#Listform ol li {
	list-style: decimal;
}

#Listform li div {
	color: #333;
	background: #f0f0f0;
	margin: 0;
	margin-top: 3px;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	font-family: verdana;
}

#Listform li div.upgrade {
	color: #333;
	background: #ffc;
	margin: 0;
	margin-top: 3px;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	font-family: verdana;
}

#Listform ul li div {
	/* padding: 3px 3px 3px 0; */
}

#Listform li table th {
	text-align: right;
	font-weight: normal;
}

#Listform li div p {
	margin: 0;
	padding: 0;
}

#Listform li div p + p {
	margin-top: 15px;
}

#Listform li div p + p.Checkbox {
	margin: 5px 0;
}

#Listform li div.help {
	color: #666;
	background: #fff;
	padding: 2px 0;
}

#Listform li div.helplong {
	color: #666;
	background: #fff;
	width: 470px;
	padding: 2px 0;
}


#Listform li table.NewLink th {
	text-align: left;
	font-weight: bold;
}

#Listform li table.NewLink td input.textfield {
	width: 250px;
}

#Listform li h1 {
	font-size: 14px;
	color: #090;
	margin-bottom: 0px;
}

#Listform li.action {
	border-top: 2px solid #000;
	margin-bottom: 0;
	text-align: right;
	padding-top: 8px;
	font-size: 12px;
}

#TextileHelp {
	color: #666;
}


#TextileHelp table {
	margin-bottom: 0;
}

#TextileHelp table+h3 {
	margin-top: 10px;
}

#TextileHelp table td {
	font-size: 11px;
	padding: 3px;
	vertical-align: top;
	border-top: 1px dotted #ccc;
}

#TextileHelp table td.arrow {
	padding-right: 5px;
	padding-left: 10px;
	color: #999;
}

#TextileHelp table td.label {
	font-weight: bold;
	white-space: nowrap;
	font-size: 11px;
	padding-right: 15px;
	color: #000;
}

#TextileHelp h3 {
	font-size: 13px;
	font-weight: bold;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
	color: #c00;
}

#TextileHelp p {
	font-size: 10px;
}

#Listform li ul li {
	font-size: 11px;
	font-family: verdana;
	color: #333;
	font-weight: normal;
	list-style: square;
	margin: 0 0 5px 10px;
}

#Listform li ul li a.admin { /* hack to correct inheritence issue */
	color: #f00;
}


/*-------------------------------------------------
THINGS TO DO HELP BLOCK
-------------------------------------------------*/

.thingtodo {
	width: 220px;
	margin-right: 10px;
	float: left;
}

#showhelp {
	clear: left;
	text-align: center;
	margin: 20px 0 0 20px;
	background: #ffc;
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 11px;
	width: 132px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 120px;
}

/*-------------------------------------------------
EFFECTS
-------------------------------------------------*/

#fade {
	background-color: #ffff99;
}

#zoomer {
  position: absolute;
  background: #ccc;
  display: none;
}

.inactive {
  opacity: 0.0;
  filter: alpha(opacity: 0);
}

.active {
  opacity: 1.0;
  filter: alpha(opacity: 100);
}

/*-------------------------------------------------
TODO RESPONSIBILITIES
-------------------------------------------------*/

table.todolist { 
  border-left: 1px solid #ccc; 
  margin-left: 10px; 
  width: 90%; 
} 

table.todolist td { 
  vertical-align: top; 
  font-size: 12px; 
  padding: 2px 3px; 
} 

table.todolist td.todoitem { 
  padding-left: 0; 
} 

table.todolist td.todocheckbox, 
table.todolist td.todocheckboxwithtime { 
  width: 1%; 
  text-align: center; 
  white-space: nowrap; 
  vertical-align: top; 
  padding-right: 4px; 
} 

table.todolist td.todocheckboxwithtime input { 
  margin-right: 0; 
} 

table.todolist td.todocheckboxwithtime img { 
  vertical-align: top; 
  border: none; 
} 

table.todolist td.todocheckboxwithtime a { 
  padding: 0; 
  background: none; 
} 


table.todolist td.todolisttitle { 
  text-align: right; 
  padding-right: 5px; 
  width: 30%; 
  background: #eee; 
} 

table.todolist tr.firstofgroup td { 
  border-top: 1px solid #ccc; 
} 

table.todolist tr.firstofgroupcompleted td { 
  border-top: 1px dotted #ccc; 
} 

table.todolist tr.firstofgroupcompleted td, 
table.todolist tr.completed td { 
  font-size: 10px; 
  color: #888; 
} 

table.todolist tr.firstofgroupcompleted td a, 
table.todolist tr.completed td a { 
  color: #666; 
} 

table.todolist tr.firstofgroupcompleted td a:hover, 
table.todolist tr.completed td a:hover { 
  color: #fff; 
  background: #333; 
} 

table.todolist td.complete { 
  vertical-align: top; 
  font-size: 11px; 
  color: #888; 
  padding: 2px 0; 
}

table.todolist td.complete a { 
  color: #444; 
}

table.todolist td.complete a:hover { 
  color: #fff; 
  background: #333; 
}

div.todo_list h2.todo {
  font-size: 16px;
  margin-left: 7px;
}

div.todo_list h2.todo a {
  color: #000;
}

div.todo_list h2.todo a:hover {
  color: #fff;
}


/*-------------------------------------------------
HELP SECTION
-------------------------------------------------*/

div.helpBar {
	padding: 10px;
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
	background-color: #ffc;
	text-align: center;
	margin-bottom: 50px;
}

div.helpBar h1 {
	font-size: 14px;
	margin: 0 0 5px 0;
	color: #000;
}

body.help div.SubHeader {
	text-align: center;
	margin-bottom: 35px;
	border-top: 1px solid #000;
	padding-top: 5px;
}

body.help div.SubHeader span {
	display: inline;
	padding: 5px 10px;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}

div.topqs {
	margin: 15px 0 25px 25px;
}

div.topqs li {
	list-style: square;
	margin-bottom: 3px;
	font-size: 14px;
	line-height: 1.4em;
}

div.Right div.topqs li {
	font-size: 12px;
}

ul.helpmenu1 {
	padding: 3px 0 4px 0;
}

ul.helpmenu2 {
	padding-bottom: 5px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 15px;
}

ul.helpmenu1 li,
ul.helpmenu2 li {
	font-family: "Lucida Grande", arial, sans-serif;
	display: inline;
	font-weight: bold;
}

ul.helpmenu1 li a:link,
ul.helpmenu1 li a:visited,
ul.helpmenu2 li a:link,
ul.helpmenu2 li a:visited {
	font-weight: normal;
}

ul.helpmenu1 li {
	font-size: 14px;
	padding-right: 10px;
}

ul.helpmenu2 li {
	font-size: 12px;
	padding-right: 10px;
}

p.screenshot img {
	background: #fff;
	margin-bottom: 10px;
	border: 1px solid #dcdcdc;
	padding: 5px;
}

img.screenshot {
	padding: 5px;
	border: 1px solid #dcdcdc;
	background: #fff;
}

div.answer {
	padding: 10px 10px 0px 10px;
	border: 1px solid #ccc;
	border-top: none;
	margin-bottom: 20px;
	display: none;
	background: #efefef;
}

#otherquestions div.answer {
	border: none;
	margin-bottom: 20px;
	padding-top: 4px;
	display: none;
	background: #fff;
}

div.closeanswer {
	background: url(/images/closeanswer.gif) no-repeat left;
	background: #666;
	margin: 0 -10px;
	padding: 3px 10px 3px 20px;
	color: #fff;
	font-size: 11px;
}

#otherquestions div.answer div.closeanswer {
	background: #fff none;
	color: #000;
	font-size: 11px;
}

div.closeanswer a:link, div.closeanswer a:visited {
	color: #fff;
}

div.closeanswer a:hover {
	color: #fff;
	background: #000;
}

#otherquestions div.answer div.closeanswer a:link, 
#otherquestions div.answer div.closeanswer a:visited  {
	color: #333;
}

#otherquestions div.answer div.closeanswer a:hover {
	color: #fff;
	background: #000;
}

h2.question {
	font-size: 14px;
	margin: 5px 0px 0px 0px;
	padding: 5px 5px 5px 10px;
	border: 1px solid #ccc;
	background: #f0f0f0;
}

#otherquestions h2.question {
	border: none;
	font-size: 12px;
}

div.answer p {
	margin: 0 0 10px 0;
}

body.help .Left h2 {
	font-size: 18px;
	color: #000;
	margin: 0 0 3px 0; padding: 0;
}

body.help .Left h3 {
	font-size: 16px;
	color: #000;
	margin: 0 0 3px 0; padding: 0;
}

body.help .Left h3 span {
	color: #666;
	font-weight: normal;
}

body.help .Left p {
	margin: 0 0 20px 0;
}

body.help div.blankBar p {
	margin: 0;
}

body.help div.blankBar {
	margin-bottom: 20px;
}

/*-------------------------------------------------
POPUP
-------------------------------------------------*/

#Popup {
	text-align: left;
}

#Popup #Header {
	border: none;
	padding-left: 15px;;
}

#Popup #Header h2 {
	font-size: 16px;
	padding: 0;
	margin: 0px;
}

#Popup p {
	text-align: left;
}

#Popup #Body {
	margin: 0 15px;
}

#Popup #close {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 10px 0;
	text-align: center;
}


/*-------------------------------------------------
DASHBOARD LOG
-------------------------------------------------*/

span.projectflag {
	color: #666;
	font-size: 9px;
}

span.projectflag span.client {
	color: #000;
}

table.fresh {
	margin-bottom: 10px;
}

table.fresh td {
	font-size: 10px;
	padding: 0;
}

table.fresh td.icon {
	padding: 0 3px;
}

table.fresh td.title {
	color: #666;
	font-size: 9px;
}


table.fresh td.title a {
	font-size: 10px;
}

table.fresh td.title img {
	padding: 0 0 0 3px;
}


a.messagelink:link, a.messagelink:visited {
	color: #000;
	font-weight: bold;
}

a.messagelink:hover {
	color: #fff;
}

table.fresh tr.shade td {
	background: #e5e5e5;
}

table.fresh td.project {
	padding-top: 5px;
}

/*-------------------------------------------------
SEARCH STUFF
-------------------------------------------------*/

strong.searchterm {
	background: #fc3;
	color: #000;
	font-weight: inherit;
	text-decoration: none;
	padding: 0 2px;
}

li a:link strong.searchterm, li a:visited strong.searchterm, li a:hover strong.searchterm {
	padding: 1px 4px;
}

div#SearchWrapper div.Post a.commentlink { font-weight: normal; }

div#SearchWrapper div.Post h1.commentresult { font-size: 13px; }

div#SearchWrapper div.Post h1 span { color: #999; }

div#SearchWrapper div.Post h1 span.filename { font-size: 11px; font-weight: normal; }

input#SearchField {
	width: 300px;
	font-size: 13px;
	font-weight: bold;
}

#Notify table td p {
	font-size: 12px;
	font-weight: normal;
}


/*-------------------------------------------------
NEW NEW FORM (New Post styles, 6/4/2004)
-------------------------------------------------*/

.FormBlock {
	border: 1px solid #ccc;
	padding-left: 15px;
	font-size: 12px;
	margin-top: 20px;
	background: #f0f0f0;
	padding: 1px 0 15px 15px;
}

.FormBlock h2 {
	font-size: 11px;
	margin: 10px 0 0px 0;
}

.FormBlock h2 span {
	font-size: 10px;
	font-weight: normal;
	color: #999;
}

.FormBlock input {
}

.FormBlock input#post_title {
  width: 850px;
  font-size: 18px;
  font-weight: bold;
}

.FormBlock textarea {
  margin-top: 3px;
  width: 850px;
  font-size: 14px;
}

.FormBlock span.makeprivate {
	background: #ddd;
	padding: 3px;
}

div.loadtemplate {
	float: right;
	font-size: 11px;
	background: #fff;
	padding: 8px 0 8px 8px;
}

.FormBlock div.formatting {
	margin: 0 0 5px 0px;
	padding-left: 5px;
}

.FormBlock div.formatting p {
	font-size: 11px;
	color: #666;
	margin: 0;
	font-weight: normal;
}

.FormBlock div.formatting span {
	margin-left: 10px;
}

body.messages_form div.submit {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

body.messages_form div.submit p {
  margin: 0 0 8px 5px; padding: 0;
}

body.messages_form div.submit input {
  font-size: 14px;
}

div.extra {
	font-size: 12px;
  margin: 15px 0 15px 15px;
	border-left: 8px solid #d9d9d9;
	padding: 5px 0 5px 10px;
}

.comments div.extra {
  margin: 0 0 10px 10px;
}

.comments p.submit {
  margin: 0 0 5px 5px;
  color: #999;
}

div.extra p {
  margin: 0;
}

div.extra,
div.extra div.showhide_link,
div.extra div.showhide {
  height: 1%; /* make sure IE hasLayout */
}

div.extra div.showhide_link p {
  margin: 0; padding: 0;
}

div.extra div.showhide {
  margin: 10px 0;
}

div.extra h2 {
  font-size: 14px;
  margin: 0 0 2px 0;
  padding: 0;
}

div.extra div#Attachments h2 span.upload_limit {
  color: #777;
  font-weight: normal;
}

div.extra p.upload_limit {
  color: #777;
  font-size: 11px;
}

div.extra div#AttachmentList {
}

div.extra div#AttachmentList ul {
  margin-bottom: 10px;
}

/*-------------------------------------------------
PERMISSIONS
-------------------------------------------------*/

table.permissions {
	width: 100%;
}

table.permissions tr.heading td {
	font-size: 14px;
	font-weight: bold;
	padding: 3px 5px 5px 0px;
	border-bottom: 1px solid #333;
}

table.permissions tr td {
	border-bottom: 1px solid #efefef;
	font-size: 10px;
	padding: 3px;
	white-space: nowrap;
}

table.permissions tr.writeboards td {
  white-space: normal;
}

table.permissions tr.grey td {
	background-color: #efefef;
}

table.permissions tr.allonoff td {
	border-top: 1px solid #999;
}

table.permissions td.name {
	white-space: normal;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	padding-right: 10px;
	border-right: 1px dotted #ccc;
}

table.permissions td.leftborder {
	border-left: 1px solid #000;
}

table.permissions tr td.addedit {
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 5px;
	border-left: 1px solid #000;
}

.notchecked {
	color: #999;
}

/*-------------------------------------------------
ACCOUNT CHART/PAGE
-------------------------------------------------*/

div#url_name_notice {
	font-size: 12px;
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}

table.accountchart {
	margin: -15px 0 25px 0;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}

table.accountchart th.top {
	border: none;
	border-bottom: 1px solid #000;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	text-align: left;
	padding-left: 0;
}

table.accountchart th img {
	margin-top: 3px;
	background-color: #fff;
	border: none;
}

table.accountchart th a:hover, table.accountchart th a {
	background-color: #fff;
	padding: 0;
	margin: 0;
}

table.accountchart small {
	color: #999;
}

table.accountchart th {
	font-size: 16px;
	padding: 3px 7px 3px 7px;
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid #999;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
}

table.accountchart th.activeprojects {
	font-size: 10px;
	color: #333;
	text-align: left;
	font-weight: normal;
	padding-left: 0;
	border-left: none;
}

table.accountchart th.current, table.accountchart td.current  {
	background-color: #ffc;
}

table.accountchart td.select {
	font-size: 10px;
	font-weight: bold;
	background-color: #ffc;
}

table.accountchart td.shaded {
	background-color: #ffc;
}

table.accountchart td.projectnumber {
	font-size: 14px;
}

table.accountchart td {
	border-bottom: 1px solid #E3DFDF;
	padding: 3px;
	font-size: 9px;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
	text-align: center;
}

table.accountchart td.banner {
	background-color: #333;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
}

table.accountchart td.notes {
	font-size: 9px;
	color: #666;
	text-align: right;
	border-left: none;
	border-right: none;
}

table.accountchart td.plancatper, table.accountchart td.plancatbiz {
	background-color: #fff;
	font-size: 9px;
	font-weight: bold;
}

table.accountchart h4 {
	background-color: #390;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	font-size: 10px;
	padding: 2px;
	margin: 5px 0 0 0;
}

table.accountchart td.item {
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	border-right: 1px solid #ccc;
	white-space: nowrap;
}

table.accountchart span.price {
	font-size: 10px;
	color: #f60;
}

#Listform li div.floatnote {
	float: right;
	padding: 0;
	margin-left: 35px;
	width: 300px;
	font-size: 10px;
}

#Listform li div.floatnote strong {
	color: #900;
}

div.whynot a:link, div.whynot a:visited {
	line-height: 2em;
	font-size: 11px;
}

table.accountchart th div.whynot a:hover {
	background-color: #30c;
	color: #fff;
	text-decoration: none;
}

/*-------------------------------------------------
CUSTOM FORM ELEMENTS
-------------------------------------------------*/

/* Big text input for to-do list titles */
input.big {
	font-size: 16px;
	font-weight: bold;
	width: 485px;
	padding: 3px;
	margin: 0 0 10px 0;
}

input.todoitem {
	padding: 3px;
	font-size: 12px;
	width: 485px;
}

textarea.todoitem {
	padding: 3px;
	font-size: 14px;
	width: 485px;
	margin: 0 5px 3px 0;
}

div.FormSubBlock textarea {
	padding: 3px;
	font-size: 12px;
}

.FormBlock table#items td select {
	width: 150px;
	margin-bottom: 5px;
}

.FormBlock table#items td a.admin {
	font-size: 9px;
}

/*-------------------------------------------------
SETTINGS TAB and SUBNAV
-------------------------------------------------*/

ul#Tabs li a#settings {
	margin-left: 10px;
}


/*-------------------------------------------------
APPEARANCE
-------------------------------------------------*/

body.appearance div.SectionHeader {
  margin-bottom: 20px;
}

span.swatches {
  font-size: 16px;
  padding: 3px 10px;
}

span.swatches span {
  padding: 0px 10px;
  font-size: 9px;
}

span.swatches span.client {
  padding: 0 10px;
}

table#schemes_and_custom {
  margin: 0 0 15px 0;
}

table#schemes_and_custom td {
  vertical-align: top;
  width: 33%;
  padding: 0 15px;
}

table#schemes_and_custom td#hexplanation {
  text-align: left;
}

table#schemes_and_custom td#hexplanation p {
  font-size: 14px;
}

table#schemes_and_custom td#schemes {
  white-space: nowrap;
  padding-right: 25px;
}

table#schemes_and_custom td#custom {
  white-space: nowrap;
  text-align: right;
}

.Preview {
	background: #e5e5e5;
	margin: 0 0 15px 0;
  border: 1px solid #ccc;
}

.Preview .Header {
  background: #ddd;
	padding: 15px 0 0 15px;
}

p.FauxH1 {
	font-family: "Lucida Grande", arial, sans-serif;
	font-weight: normal;
	padding: 0;
	margin: 0 0 13px 0;
	font-size: 24px;
	color: #fff;
}

span.FauxH2 {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
}

.Preview ul {
	margin: 0; padding: 0;
	height: 24px;
}

.Preview li {
	margin: 0; padding: 0;
	display: inline;
	list-style-type: none;
	border: none;
}
	
.Preview ul a:link, .Preview ul a:visited {
  float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 4px 8px 6px 8px;
	margin: 0;
  text-decoration: none;
  color: #fff;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.Preview ul a:link.current, .Preview ul a:visited.current {
	background: #e5e5e5 url(/images/tab-bg.gif) top repeat-x;
	border: 1px solid #e5e5e5;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
  margin: 0 3px;
}

.Preview ul a:hover {
	color: #fff; background: #fff;
}

.FauxPage {
  background: #fff;
  margin: 12px 0 0 17px;
  padding: 10px;
  font-size: 12px;
}

.FauxPage span {
  color: #fff;
  text-decoration: underline;
}

/*-------------------------------------------------
NEW FOR PROPORTIONAL WIDTH VERSION 
-------------------------------------------------*/

.col {
	padding: 0 20px;
	text-align: left;
}

.Left .col,
.Full .col {
	padding: 0 8px 0 0;
  background: #fff url(/images/right-bg.gif) right repeat-y;
  position: relative;
}

.Left .innercol,
.Full .innercol {
  padding: 15px 60px 20px 23px;
}

div.Left .bottom,
div.Full .bottom {
  background: url(/images/bottom-bg.gif) top right no-repeat;
  font-size: 8px;
}

div.Right .col {
	min-width: 200px;
	padding: 0 0 0 9px;
}

/*-------------------------------------------------
TIME TRACKING
-------------------------------------------------*/

table.TimeTrack {
	width: 100%;
	margin-bottom: 20px;
  border-collapse: collapse;
}

table.TimeTrack th {
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 3px 3px 3px;
}

table.TimeTrack td {
	font-size: 11px;
	padding: 4px 10px 4px 3px;
	border-bottom: 1px solid #ddd;
	white-space: nowrap;
}

table.TimeTrack tr.shade td {
	background: #f0f0f0;
}

table.TimeTrack th.date {
	padding-left: 14px;
}

table.TimeTrack td.date {
	padding-left: 14px;
}

table.TimeTrack td.action {
	text-align: center;
  color: #999;
}

table.TimeTrack td.action img {
  vertical-align: middle;
}

table.TimeTrack td.action a.image {
  margin-left: 3px;
}

table.TimeTrack td.hours {
	text-align: center;
	font-weight: bold;
}

table.TimeTrack td.desc {
	font-size: 11px;
	white-space: normal;
	width: 100%;
  line-height: 16px;
}

table.TimeTrack tr.AddTimeTrack td {
	padding: 10px 10px 10px 0;
	background: #ccc;
}

table.TimeTrack tr.AddTimeTrack td.date {
	padding-left: 10px;
}

table.MakeReport {
	margin: 10px 0 0 0;
}

table.MakeReport td {
	padding-right: 5px;
	font-size: 10px;
}

h1#reporttitle {
  font-size: 18px;
  margin-bottom: 5px;
  padding-bottom: 7px;
  border-bottom: 2px solid #000;
}

h1#reporttitle span {
  font-size: 11px;
  color: #999;
  font-weight: normal;
}


/*-------------------------------------------------
LOGIN SCREEN (.login is body class)
-------------------------------------------------*/

.login div.Container {
	width: 500px;
	margin: 60px auto 20px auto;
	min-width: inherit;
}

.login h1 {
	margin-bottom: 20px;
}


.login dl {
	margin: 10px 0 0 0;
}

.login p {
	margin: 10px 0 0 0;
}

.login dt {
	float: left;
	width: 80px;
	font-size: 14px;
	line-height: 24px;
}

.login dd {
	margin: 0 0 5px 90px;
	font-size: 11px;
	line-height: 24px;
	color: #666;
	margin-left: 80px;
}

.login input {
	font-size: 14px;
}

.login dd span {
	color: #ccc;
}

.login input#username, input#identity_url {
	width: 300px;
}

.login input#password {
	width: 140px;
	margin-right: 5px;
}

.login input#emailpassword {
	vertical-align: middle;
	margin-right: 5px;
}

.login div.AlertGood,
.login div.AlertBad {
	margin: 10px 0 20px 0;
}

.login div#Dialog {
	border: 10px solid #ccc;
	padding: 15px 20px 10px 20px;
	text-align: left;
	background: #fff;
}

body.login div#Dialog h2 {
	margin: 0;
	padding: 0;
}

body.login div.below {
	font-size: 10px;
	text-align: right;
	padding: 5px 0 0 0;
}

body.login div.below a:link, body.login div.below a:visited {
	color: #666;
}

body.login div.below a:hover {
	color: #fff;
	background-color: #666;
}

/*-------------------------------------------------
NEW MILESTONE CALENDAR SECTION
-------------------------------------------------*/

table.Fullcal .late,
table.Fullcal .completed,
table.Fullcal .upcoming {
	padding: 3px;
	color: #000;
	margin-top: 2px;
	clear: left;
}

table.Fullcal .late p,
table.Fullcal .completed p,
table.Fullcal .upcoming p {
	margin: 0 0 0 20px;
	line-height: 12px;
	padding: 0;
	font-size: 10px;
}

table.Fullcal .late input,
table.Fullcal .completed input,
table.Fullcal .upcoming input {
	float: left;
	margin: 0 5px 5px 2px;
}

table.Fullcal .late span,
table.Fullcal .completed span,
table.Fullcal .upcoming span {
	color: #666;
	font-size: 9px;
	font-weight: normal;
}

table.Fullcal div.late {
	background: #F8E1E1;
	border: 1px solid #AA2B2B;
	color: #900;
}

table.Fullcal div.completed {
	background: #E2F3E8;
	border: 1px solid #9ED8B1;
	color: #070;
	font-weight: normal;
}

table.Fullcal td.with div.late,
table.Fullcal td.with div.completed {
	border: none;
}

table.Fullcal div.upcoming {
	background: #fff;
}

table.Fullcal span#todaystamp {
	color: #d93;
	font-weight: normal;
}

/*-------------------------------------------------
FORMATTING GUIDE
-------------------------------------------------*/

div.formattingtips p {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 10px 0;
}

.comments div.formattingtips {
  padding-top: 5px;
  border-top: 3px solid #dcdcdc;
}


div.markdownexamples p {
	font-family: courier, "courier new";
	font-size: 11px;
}

div#formatting_guide {
  margin-right: 8px;
}

div#formatting_guide h2 {
  font-size: 16px;
  border: none;
}

div#formatting_guide table {
  margin: 15px 0 15px 0;
  background: #fff;
  border-collapse: collapse;
}

div#formatting_guide table th {
  text-align: left;
  border: 1px solid #ddd;
  padding: 6px;
  font-weight: normal;
  background: #666;
  color: #fff;
}

div#formatting_guide table td {
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 6px;
}

div#formatting_guide table td ol,
div#formatting_guide table td ul {
  padding: 0;
  margin: 5px 0 5px 20px;
}

div#formatting_guide table td ul li {
  list-style-type: disc;
}

div#formatting_guide table td blockquote {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

div#formatting_guide table td h1 {
  font-size: 130%;
}

div#formatting_guide table td h2 {
  font-size: 100%;
}

div#formatting_guide table td h3 {
  font-size: 100%;
}


/*-------------------------------------------------
EMAIL NOTIFICATION
-------------------------------------------------*/

div.Right div.col .notify h2,
.extra .notify h2 {
  font-size: 14px;
  margin: 0 0 2px 0;
  padding: 0;
}

div.Right div.col .notify span,
.extra .notify span {
  font-size: 10px;
  color: #666;
}

table.emailnotification td {
  padding: 0 10px 0 0;
  vertical-align: top;
}

table.emailnotification tr.additional_company td {
  padding-top: 12px;
}

table.emailnotification td p {
  margin: 0 0 5px 0;
}

div.Right div.col table.emailnotification td p {
	font-size: 11px;
	margin: 0 0 2px 0;
	padding: 0;
}


/*-------------------------------------------------
TODOS v3 (ala BPWO)
-------------------------------------------------*/

body.todos div#widgets,
body.todos div.list,
body.todos div.list_wrapper,
body.todos div.list div.viewallcomplete,
body.todos div.list div.item,
body.todos div.list div.item div.content,
body.todos div.list div.item form p.submit,
body.todos div.list_with_time_tracking div.item div.item_time_tracker {
  zoom: 100%;
}

body.todos div.Left div.col,
body.todos div.Left div.bottom {
  margin-left: 15px;
}

body.todos div.list_wrapper {
  margin: 0 0 0 -20px;
  padding: 0 0 0 20px;
}

body.todos div.list {
  color: #000;
  margin: 0 0 20px 0;
}

body.todos div.list h2 {
  padding-left: 7px;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 5px;
  color: #000;
}

body.todos div.list h2 span {
  display: inline-block;
}

body.todos div.list p.listdesc {
  margin: 7px 0 7px 10px;
  font-style: italic;
}

body.todos div.list div.viewallcomplete {
  margin: 3px 0 8px 36px;
  font-size: 10px;
}

body.todos div.list div.viewallcomplete a:link,
body.todos div.list div.viewallcomplete a:visited {
  color: #999;
}

body.todos div.list div.viewallcomplete a:hover {
  color: #fff;
}

body.todos div.list h2 a,
body.todos div.list h2 a:hover {
  background: none;
  color: #000;
  text-decoration: underline;
}

body.todos div.done {
	margin: 8px 0;
}

body.todos div.done .delete_link {
  margin-top: 3px;
  margin-left: 5px;
  float: left;
}

body.todos a.image img {
  border: none;
}

body.todos div.list h2 {
  margin-bottom: 5px;
}

body.todos div.list_widget {
  margin-left: -18px;
  margin-bottom: 3px;
}

body.todos div.list_widget div.item {
  padding-left: 30px;
}

body.todos div.item_wrapper {
  background: #fff;
}

body.todos div.add_item div.item_wrapper {
  background: none;
}

body.todos div.list div.list_widget,
body.todos div.list div.add_item {
  height: 1%;
  clear: left;
}

body.todos div.list div.add_item {
  background: #efefef;
  padding: 5px;
  margin: 6px 0 0 34px;
}

body.todos div.list_with_time_tracking div.add_item {
  margin-left: 56px;
}

body.todos div.list div.add_item div.list_widget {
  margin: 0;
}

body.todos div.list div.add_item textarea {
  width: 380px;
}

body.todos div.list div.add_item p.submit {
  border-top: 1px solid #ccc;
  padding-top: 3px;
}

body.todos div.list div.add_item p {
  font-size: 11px;
  color: #333;
}

body.todos div.list div.item div.content {
  position: relative;
  margin: 0 0 0 25px;
  font-size: 12px;
  line-height: 18px;
  color: #333;
}

body.todos div.list div.item div.content form {
  background: #efefef;
  padding: 5px;
}

body.todos div.list div.item div.content form textarea {
  width: 85%;
}

body.todos div.list div.item div.content form p {
  margin: 2px 0;
  font-size: 11px;
}

body.todos div.list div.item div.content form p.submit {
  margin: 4px 0 0 0;
  padding: 3px 0 0 0;
  border-top: 1px solid #ccc;
}

body.todos div.done div.item div.content {
	font-size: 10px;
	color: #999;
  margin-left: 37px;
}

body.todos div.done div.item div.content strong.date {
  margin-right: 5px;
  font-weight: normal;
  color: #666;
}

body.todos div.list div.busy div.content {
  background: url(/images/dots-white.gif) no-repeat 4px 7px;
}

body.todos div.list div.busy div.item div.controls a {
}

body.todos div.done div.busy div.content {
  margin-left: 22px;
}

body.todos div.list div.busy div.widget_content div.content span {
  visibility: hidden;
}

body.todos div.list div.form {
  top: 0;
  padding: 0 0 10px 0;
  margin: 0;
  background: none;
  border: none;
}

body.todos div.list div.items div.form,
body.todos div.list div.add_item div.form {
  margin-left: 52px;
}

body.todos div.edit_list {
  background: #efefef;
  padding: 5px;
}

body.todos div.edit_list form input.list_title {
  font-size: 16px;
  font-weight: bold;
}

body.todos div.edit_list form input.list_title,
body.todos div.edit_list form textarea {
  width: 75%;
}

body.todos div.edit_list form textarea {
  margin: 5px 0;
}

body.todos div.edit_list form p {
  margin: 5px;
  line-height: 12px;
}

body.todos div.edit_list form p.submit {
  margin: 4px 0 0 0;
  padding: 3px 0 0 0;
  border-top: 1px solid #ccc;
}

body.todos div.list div.add_item p {
  margin: 0 0 5px 0;
}

body.todos div.list div.add_item p.submit {
  margin: 5px 0 0 0;
}

body.todos div.list div.items div.edit {
  padding-bottom: 15px;
}

body.todos div.item div.controls a img {
  border: none;
}

body.todos div.item div.controls,
body.todos div.item div.controls input {
  float: left;
}

body.todos div.item div.controls img.client {
  padding: 4px;
}

body.todos div.list div.item div.controls a.time_tracking_control img {
  margin: 1px 5px;
}

body.todos div.list_with_time_tracking div.item div.content {
  margin-left: 46px;
}

body.todos div.list div.edit_list_name {
  margin-bottom: 10px;
}

body.todos div.list div.edit_list_name input.list_name {
  margin: 0;
  font-weight: bold;
  font-size: 16px;
  width: 250px;
}

body.todos div.list div.add input,
body.todos div.list div.edit textarea {
  margin-bottom: 5px;
}

body.todos div.list div.add div.buttons input {
  margin-bottom: 0;
}

body.todos div.list div.edit textarea {
  height: auto;
}

body.todos div.busy form p.submit {
  background: url(/images/dots-white.gif) no-repeat 5px center;
}

body.todos div.busy form p.submit * {
  visibility: hidden;
}

body.todos div#new_list h2 {
  margin: 0 0 3px 0;
  padding: 0;
  font-size: 12px;
}

body.todos div#new_list h2.without_templates span.smallgray,
body.todos div#new_list h2.without_templates span#template_or_title {
  display: none;
}

body.todos div#new_list p {
  margin: 0 0 5px 0;
}

body.todos div#new_list p.submit {
  margin: 4px 0 0 0;
  padding: 3px 0 0 0;
  border-top: 1px solid #ccc;
}

body.todos div#new_list textarea {
  font-size: 13px;
  width: 85%;
}

a.donelink:link,
a.donelink:visited,
div.list a.donelink:link,
div.list a.donelink:visited {
  color: #000;
  background: #fc3;
  font-size: 12px;
  padding: 0 2px;
}

a.donelink:hover,
div.list a.donelink:hover {
  text-decoration: underline;
}

body.todos div.list div.busy {
  display: block;
}

body.todos div.list div.busy div.wrapper ul {
  background: url(/images/dots-white.gif) no-repeat 8px center;
  height: 12px;
}

body.todos div.list div.busy div.wrapper li {
  visibility: hidden;
}

body.todos div.list div.item div.busy {
  display: block;
}

body.todos div.list div.item div.nubbin div.wrapper ul {
  background: none;
  height: auto;
}

body.todos div.list div.item div.nubbin div.wrapper li {
  visibility: visible;
}

body.todos div.list div.item div.busy div.wrapper ul {
  background: url(/images/dots-white.gif) no-repeat 8px center;
  height: 12px;
}

body.todos div.list div.item div.busy div.wrapper li {
  visibility: hidden;
}

body.todos div.list div.busy div.items {
  background: url(/images/dots-white.gif) no-repeat 8px 8px;
}

body.todos div.list div.busy div.items * {
  visibility: hidden;
}

body.todos div.list div.list_drag_handle {
  display: none;
}

body.todos div.reordering div.list div.nubbin,
body.todos div.reordering div.list p.listdesc,
body.todos div.reordering div.list div.items_wrapper,
body.todos div.reordering div.list div.add_item,
body.todos div.reordering div.list div.done,
body.todos div.reordering div.list div.viewallcomplete {
  display: none;
}

body.todos div.reordering div.list div.list_title h2 {
  margin: 0;
}

body.todos div.reordering div.list div.list_title {
  margin: 3px 0 8px 0;
}

body.todos div.reordering div.list div.list_drag_handle {
  display: inline;
  float: left;
  position: relative;
  width: 1px;
  height: 1px;
  cursor: move;
}

body.todos div.reordering div.list div.list_drag_handle img {
  display: inline;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 4px;
}


/*-------------------------------------------------
TIME TRACKING TODO WIDGET
-------------------------------------------------*/

body.todos div.list div.busy div.item_time_tracker div.total,
body.todos div.list div.busy div.item_time_tracker div.form {
  display: none;
}

body.todos div.list div.item_time_tracker {
  border: 2px solid #090;
  color: #333;
}

body.todos div.list div.item_time_tracker span.content {
  display: block;
  padding: 8px;
}

body.todos div.list div.busy div.item_time_tracker {
  border: none;
}

body.todos div.list div.busy div.item_time_tracker span.content {
  padding: 0;
}

body.todos div.list div.item_time_tracker div.total {
  padding: 10px;
  background: #D2E9D2;
}

body.todos div.list div.item_time_tracker div.total strong {
  font-size: 12px;
  color: #fff;
  background: #090;
  padding: 2px 4px;
}

body.todos div.list div.item_time_tracker div.total span {
  color: #666; 
  margin-left: 5px; 
  font-size: 11px;
}

body.todos div.list div.item_time_tracker div.form {
  margin-left: 0;
  background: #efefef;
  padding: 8px;
}

body.todos div.list div.item_time_tracker div.form table {
  width: 100%;
}

body.todos div.list div.item_time_tracker div.form td {
  color: #999;
}

body.todos div.list div.item_time_tracker p.submit {
  margin: 0;
}

/*-------------------------------------------------
TIME TRACKING TAB
-------------------------------------------------*/

table.TimeTrack {
	width: 100%;
	margin-bottom: 20px;
}

table.TimeTrack th {
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 3px 3px 3px;
  border-bottom: 1px solid #999;
}

table.TimeTrack th.project {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	background: #e9e9e9;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	text-align: left;
	padding: 5px;
	text-transform: none;
	border-bottom: 1px solid #999;
}

table.TimeTrack th.project a {
	color: #000;
	text-decoration: none;
  font-size: 12px;
}

table.TimeTrack th.project span.project_link {
	color: #666;
  font-size: 10px;
}

table.TimeTrack th.project span.project_link a {
  color: red;
  text-decoration: underline;
	font-weight: normal;
  font-size: 10px;
}

table.TimeTrack th.project span.project_link a:hover {
  color: #fff;
}

table.TimeTrack th.project a span {
	color: #666;
  font-size: 10px;
}

table.TimeTrack th.project a:hover,
table.TimeTrack th.project a:hover span {
	color: #fff;
}

table.TimeTrack td {
	font-size: 11px;
	padding: 4px 10px 4px 3px;
	border-bottom: 1px solid #ddd;
	white-space: nowrap;
}

table.TimeTrack tr.shade td {
	background: #f0f0f0;
}

table.TimeTrack th.date {
	padding-left: 10px;
}

table.TimeTrack td.date {
	padding-left: 14px;
}

table.TimeTrack td.action {
	text-align: left;
}

table.TimeTrack td.action img {
  vertical-align: middle;
}

table.TimeTrack td.action a.editlink {
  margin-left: 20px;
}

table.TimeTrack td.hours {
	text-align: left;
  font-weight: bold;
  font-size: 12px;
}

table.TimeTrack td.desc {
	font-size: 11px;
	white-space: normal;
	width: 100%;
  line-height: 16px;
}

table.TimeTrack tr.AddTimeTrack td {
	padding: 10px 10px 10px 0;
	background: #efefef;
  vertical-align: bottom;
}

table.TimeTrack tr.AddTimeTrack td.date {
	padding-left: 10px;
}

table.TimeTrack tr.total td {
  border-top: 2px solid #999;
  border-bottom: none;
}

table.TimeTrack tr.total td.total {
  text-align: right;
  padding-left: 10px;
  font-size: 13px;
}

table.TimeTrack tr.total td.hours {
  font-size: 13px;
}

table.TimeTrack tr.total td.export {
  font-size: 11px;
  color: #666;
  text-align: right;
}

div#new_time_report {
  background: #efefef;
  padding: 10px 10px 6px 10px;
  margin-bottom: 20px;
}

div#new_time_report p {
  margin: 0 0 5px 0;
}

div#new_time_report p.submit {
  margin: 10px 0 0 0;
  padding: 5px 0 0 0;
  border-top: 1px solid #ccc;
}

/*-------------------------------------------------
PAGINATION
-------------------------------------------------*/

div.pagination {
  margin: 15px 0;
  font-size: 13px;
  text-align: right;
}

div.pagination a, div.pagination strong {
  text-decoration: none;
  padding: 1px 4px;
  border: 1px solid #ccc;
  margin-right: 3px;
}

div.pagination strong {
  border: none;
  color: #000;
  padding: 1px 3px;
  margin-right: 2px;
}

div.pagination span {
  color: #666;
  font-size: 12px;
}

/*-------------------------------------------------
WRITEBOARDS
-------------------------------------------------*/

div.writeboards {
	font-size: 14px;
	color: #ccc;
}

div.writeboards ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.writeboards li {
  position: relative;
	margin: 0 0 5px 0;
	font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}

div.writeboards li span.detail { /* who's page is it? */
  font-weight: normal;
  font-size: 10px;
  color: #999;
  margin-left: 10px;
}

div.showhide {
  background: #efefef;
  padding: 10px 10px 1px 10px;
  margin: 0 0 20px 0;
  border: 2px solid #ccc;
}

div.showhide h2 {
  margin: 0;
  font-size: 12px;
  border-bottom: 1px solid #ccc;
}

div.showhide p {
  margin: 8px 0;
  color: #000;
  font-weight: normal;
}

div#limit_reached {
	font-size: 12px;
}

table.form {
  border-collapse: collapse;
}

table.form th {
  text-align: right;
  padding: 0px;
  padding-right: 5px;
  font-size: 12px;
}

table.form td {
  text-align: left;
  padding: 0px;
}

table.form td input {
  width: 335px;
  font-size: 14px;
  padding: 2px;
}

table.form tr.url th  {
  vertical-align: top;
  line-height: 28px;
}

table.form tr.url td  {
  line-height: 14px;
  font-size: 11px;
  padding-bottom: 5px;
  color: #666;
}

table.form tr.password td input {
  width: 200px;
}

table.form tr.submit td {
  font-size: 11px;
}

table.form tr.submit td input {
  width: auto;
}

/*-------------------------------------------------
GENERAL BLANK SLATE (copied from BP)
-------------------------------------------------*/

div#blank_slate {
  margin: 5px 0 20px 0;
  text-align: left;
}

div#blank_slate h1 {
	border-bottom: 0;
}

/*-------------------------------------------------
GENERAL NUBBIN (adapted from BP)
-------------------------------------------------*/

span.nubbin_hover {
  position: relative;
  z-index: 2;
}

span.nubbin {
  position: absolute;
  background: url(/images/nubbin.gif) top left no-repeat;
  width: 40px;
  top: -6px;
  left: -50px;
  padding: 0 0 0 7px;
  z-index: 1;
}

/* LIST nubbins */

  div.list span.nubbin { left: -50px; }
  div.list div.Privatetodo span.nubbin { left: -67px; }
  div.list div.PrivatetodoIE span.nubbin { left: -67px; }

  div.list div.content_for_item span.nubbin { left: -85px; }
  div.list div.Privatetodo div.content_for_item span.nubbin { left: -105px; }
  div.list div.PrivatetodoIE div.content_for_item span.nubbin { left: -105px; }

  div.list_with_time div.content_for_item span.nubbin { left: -105px; }
  div.list_with_time div.Privatetodo div.content_for_item span.nubbin { left: -127px; }
  div.list_with_time div.PrivatetodoIE div.content_for_item span.nubbin { left: -127px; }

li span.nubbin {
  left: -75px;
}

span.nubbin img {
  margin: 9px 0 6px 0;
}

/*-------------------------------------------------
FIELDSET
-------------------------------------------------*/

fieldset {
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #999;
}

fieldset p {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #666;
}

fieldset legend {
	font-size: 12px;
	font-weight: bold;
	color: #874c00;
}

fieldset legend span {
	color: #666;
	font-weight: normal;
	font-size: 80%;
}

/*-------------------------------------------------
FILE HOSTING
-------------------------------------------------*/

table.hostoption {
	margin: 10px auto 30px auto;
}

table.hostoption p {
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	margin: 0 0 15px 0;
}

table.hostoption td {
	text-align: center;
	font-size: 12px;
}

table.hostoption td.option {
	border: 5px solid #ccc;
	padding: 10px;
	vertical-align: top;
	width: 45%;
}

table.hostoption td.selected {
	background-color: #ffc;
}

table.hostoption td.current {
	background-color: #d89800;
	font-weight: bold;
	color: #fff;
}

table.hostoption td.notcurrent {
	border: 1px solid #ccc;
	border-bottom: 0;
}

table.hostoption td.option h2 {
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #000;
}

table.hostoption tr.actions td {
	padding: 3px;
}

table.hostoption td.option h3 {
	font-size: 11px;
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
	color: #000;
	margin: 0 0 2px 0;
}

div.faq h3 {
	color: #000;
	margin: 0 0 2px 0;
	padding: 0;
}

div.faq p {
	margin: 0 0 15px 0;
	width: 75%;
}

/*-------------------------------------------------
AFFILIATE PROGRAM
-------------------------------------------------*/

body.affiliate h2 {
	margin-bottom: 3px;
	color: #900;
	border-bottom: 1px solid #efefef;
}

body.affiliate h2 span, body.affiliate p span.highlight2 {
	background-color: #ffc;
	border: 1px solid #fc6;
	padding: 3px;
	font-family: courier, "Courier New", monospace;
	letter-spacing: 1px;
}

body.affiliate div.Left p {
	width: 80%;
	font-size: 12px;
	margin-top: 0;
}

body.affiliate h1 {
	margin: 20px 0 15px 0;
	color: #000;
}

body.affiliate div.page_header h1 {
  margin-bottom: 0;
}

body.affiliate div.col {
	padding-bottom: 20px;
}

body.affiliate ol {
	margin: 0 0 20px 40px;
	width: 75%;
}

body.affiliate div.affiliatechart {
	float: right;
	margin: 0 0 25px 25px;
	padding: 10px;
	width: 200px;
	background-color: #fff;
	border: 2px solid #fc9;
}

body.affiliate div.affiliatechart table {
	margin-bottom: 10px;
}

body.affiliate div.affiliatechart table, body.affiliate div.affiliatechart p {
	width: 100%;
	margin-top: 0;
}

body.affiliate div.affiliatechart table td {
	font-size: 12px;
	padding: 2px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	white-space: nowrap;
}

body.affiliate div.affiliatechart table th {
	font-size: 10px;
	text-align: center;
	padding: 2px;
	background-color: #333;
	color: #fff;
}

body.affiliate table.affiliatecount td {
	padding: 5px;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
}

body.affiliate table.affiliatecount td.total {
	border: 10px solid #ccc;
	background-color: #9f9;
	font-size: 11px;
	text-align: center;
}

body.affiliate table.affiliatecount td.total strong {
	font-size: 11px;
}

body.affiliate table.affiliatecount td.total h1 {
	font-size: 20px;
	margin: 0;
}

body.affiliate table.affiliatecount td small {
	color: #999;
}

body.affiliate table.affiliatecount td strong {
	font-size: 18px;
}

body.affiliate table.affiliatecount td.earned {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	background-color: #cfc;
	border-bottom: 0;
}

body.affiliate table.affiliatecount td.totals {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 300px;
}

body.affiliate table.affiliatecount td.totals strong {
	font-size: 12px;
}

body.affiliate table.affiliatecount th.earned {
	background-color: #cfc;
	color: #000;
}

body.affiliate table.affiliatecount th {
	font-size: 11px;
	text-align: left;
	color: #fff;
	padding: 5px;
	background-color: #333;
}

body.affiliate table.affiliatecount {
	margin-bottom: 30px;
}

body.affiliate textarea {
	width: 400px;
	height: 50px;
	margin-bottom: 20px;
}

body.affiliate ol.easylist li {
	font-size: 14px;
	line-height: 17px;
}

body.affiliate textarea {
	width: 468px;
	height: 100px;
}


/*-------------------------------------------------
FILES (Feb 2005 by rjs)
-------------------------------------------------*/

body.files a#upload_file_link.active { display: none; }

body.files div.basic_form_wrapper {
  padding-top: 5px;
}

body.files div.showhide {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
}

body.files div.basic_form h2 span.upload_limit {
  font-family: lucida grande, verdana, sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #777;
}

body.files div.basic_form p.upload_limit {
  color: #777;
  font-size: 11px;
  margin-bottom: 0;
}

body.files table.upload_layout {
  width: 99%;
  margin-bottom: 15px;
}

body.files table.upload_layout td.choose_file {
  width: 250px;
  background: #fff;
  border: 1px solid #ccc;
  vertical-align: middle;
}

body.files table.upload_layout td.choose_file input {
  width: 95%;
  margin-left: 5px;
  font-size: 11px;
}

body.files table.upload_layout td.meta {
  padding-left: 10px;
  white-space: nowrap;
}

body.files table.upload_layout td.meta .smaller {
  font-size: 11px;
}

body.files table.upload_layout td.meta select {
  font-size: 11px;
  width: 150px;
}

body.files table.upload_layout td.meta input.description {
  font-size: 12px;
  width: 95%;
}

body.files table.upload_layout td.meta p {
  margin-bottom: 7px;
}

body.files table.upload_layout td hr {
  border: none;
  border-top: 1px dashed #ccc;
}

body.files table.upload_layout td p.add_another {
  margin: 0 0 0 15px;
}

body.files div.notify_block {
  margin: 0 0 15px 5px;
}

body.files div.notify_block h3 {
  font-size: 14px;
  margin-bottom: 8px;
}

body.files div.notify_block div {
  border-left: 6px solid #ddd;
  padding-left: 5px;
}

body.files table.emailnotification {
  margin: 0;
}

body.files table.emailnotification p {
  font-size: 11px;
}

body.files table.emailnotification input {
  width: auto;
}

body.files table.emailnotification p {
  margin: 0;
}

body.files div.Post h1 {
  font-size: 14px;
  margin: 0 0 3px 0;
}

body.files div.Post p {
  margin-bottom: 3px;
}

body.files div.Post a.message_title {
  font-weight: normal;
  color: #666;
}

body.files div.Post a.message_title:hover {
  color: #fff;
}

body.files div.Post h3 a.image:hover {
  background: none;
}

body.files div.Post h3 a.image img {
  vertical-align: bottom;
}

body.files div.Post div.file_icon {
  float: left;
  width: 32px;
  position: relative; /* force layout */
}

body.files div.Post div.file_icon img {
  width: 32px;
  height: 32px;
}

body.files div.Post div.file_info p {
  font-size: 12px;
}

body.files div.Post div.file_info span.dash {
  color: #999;
}

body.files div.Post h1 {
  padding-top: 0;
}

body.files div.Right p.sort_by {
  font-size: 12px;
}

body.files div.edit_file {
  background: #efefef;
  border: 2px solid #ccc;
  padding: 10px 10px 5px 10px;
  margin-bottom: 30px;
}

body.files div.edit_file label {
  float: left;
  width: 70px;
  margin-right: 8px;
  text-align: right;
  padding-top: 2px;
  color: #666;
}

body.files div.edit_file div.file_icon {
  float: left;
  width: 32px;
  position: relative; /* force layout */
}

body.files div.edit_file div.file_info {
  margin-left: 45px;
}

body.files div.edit_file div.file_info label {
  position: relative; /* force layout */
}

body.files div.edit_file p {
  margin: 0 0 3px 0;
  font-size: 11px;
}

body.files div.edit_file input.title {
  width: 408px;
  font-size: 14px;
  font-weight: bold;
}

body.files div.edit_file input.description {
  font-size: 12px;
  width: 330px;
}

body.files div.edit_file select {
  margin-right: 5px;
}

body.files div.edit_file p.submit {
  margin: 5px 0 5px 0;
  padding: 5px 0 0 75px;
  border-top: 1px solid #ddd;
}

body.files div.edit_file p.submit img { /* spinner */
  padding: 4px 0;
}

body.files div.edit_file div.attached p.submit {
  padding-left: 0;
}

/*-------------------------------------------------
FILE VERSIONS
-------------------------------------------------*/

body.files div.versions {
	margin: 0 0 40px 0;
	padding: 0 10px 0 0;
}

body.files div.versions div.edit_file {
  margin: 5px 0;
}

body.files div.versions ul {
	margin: 0;
	padding: 0;
}

body.files div.versions li {
	font-size: 10px;
	color: #666;
	list-style: none;
	margin-left: -40px;
}

body.files div.versions li.new a {
	font-size: 10px;
	color: #333;
	font-family: verdana;
	list-style: none;
}

body.files div.versions li h3 {
  margin: 0; padding: 0;
}

body.files div.versions li h3 span.number {
  width: 32px;
  display: block;
  float: left;
  margin-right: 5px;
  text-align: right;
}

body.files div.versions li h3 img,
body.files div.versions li h3 a.image img {
  vertical-align: top;
}

body.files div.versions li h3 a.image img {
  margin-top: 4px;
}

body.files div.versions li a.filename {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
  margin-left: -2px;
}

body.files div.versions li a.filename:hover {
  color: #fff;
}

body.files div.versions li span.number {
	/*margin-right: 5px;*/
}


/*-------------------------------------------------
BASIC FORM
-------------------------------------------------*/

div.basic_form_wrapper {
  text-align: left;
  padding: 0 0 20px 0;
  position: relative;
}

div.basic_form {
	background-color: #f5f5f5;
	border-bottom: 1px solid #dcdcdc;
  border: 2px solid #ccc;
	margin: 0;
	padding: 10px 20px 10px 10px;
	font-size: 11px;
}

div.basic_form input.expanded,
div.basic_form textarea.expanded {
  width: 95%;
}

div.basic_form input, div.basic_form textarea {
	width: 300px;
	padding: 3px;
}

div.basic_form input.autosize {
  width: auto;
}

div.basic_form input.big {
	font-size: 18px;
}

div.basic_form textarea {
	width: 300px;
  font-size: 13px;
	height: 75px;
}

div.basic_form h2 {
	font-size: 14px;
	margin: 0 0 5px 0;
	border-bottom: 0px;
}

div.basic_form h3 {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #333;
	font-size: 12px;
	margin: 0 0 2px 0;
	border: none;
}

div.basic_form h3.optional {
  font-weight: normal;
}

div.basic_form h2 span {
	font-family: georgia;
	font-style: italic;
	font-weight: normal;
	color: #666;
	font-size: 90%;
}

div.basic_form h1 {
	font-size: 16px;
	margin-bottom: 5px;
}

div.basic_form p {
	font-size: 12px;
  margin: 0 0 15px 0;
}

div.basic_form p.submit {
  color: #999;
  margin-bottom: 5px;
}

div.basic_form p.submit input {
  width: auto;
  font-size: 14px;
}

/*-------------------------------------------------
CHAT
-------------------------------------------------*/

body.affiliate h1 {
	margin-top: 0;
}

body.chat div.chatsetup {
	border: 5px solid #fc9;
	width: 225px;
	font-size: 11px;
}

body.chat div.chatsetup h3 {
	font-size: 12px;
	color: #000;
	margin: 10px 0 0 0;
	padding: 0;
}

body.chat p	{
	font-weight: normal;
}

.choose_room select.existing_rooms {
  font-size: 14px;
}

.choose_room input.new_room {
  font-size: 14px;
  width: 250px;
}

body.loading {
  padding-top: 50px;
}


/*-------------------------------------------------
ROOM
-------------------------------------------------*/


div.room {
  width: 35%;
  text-align: center;
	margin: 0 auto 20px auto;
}

div.room h2 {
  font-family: helvetica, arial, sans-serif;
  font-size: 24px;
  letter-spacing: -1px;
	margin: 0;
	padding: 0;
}

div.room h2 a {
  font-size: 24px;
  letter-spacing: -1px;
}

body.lobby div.locked {
  border-color: #999;
}

body.lobby div.locked h2 {
  color: #999;
  font-size: 24px;
  letter-spacing: -1px;
}


div.room div.updated {
  margin: 3px 0 8px 0;
	font-size: 11px;
	font-style: italic;
	color: #666;
	font-weight: normal;
	font-family: georgia;
}

div.room div.updated span.active {
  color: green;
  font-weight: bold;
}

div.room p {
  margin: 5px 0 5px 0;
  font-size: 14px;
}

div.room ul {
  margin: 8px 0 0 0; padding: 10px 0 0 0;
  list-style-type: none;
  border-top: 1px dotted #dcdcdc;
}

div.room li {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 12px;
}

/*-------------------------------------------------
WELCOME
-------------------------------------------------*/

body.welcome div.startBar {
	text-align: center;
	background-color: #ffc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 7px;
	margin-bottom: 25px;
}

body.welcome div.startBar h1 {
	font-size: 22px;
	margin: 0 0 3px 0;
	padding: 0;
}

body.welcome div.startBar p {
	margin: 0;
	padding: 0;
}

body.welcome div.otherOptions h1 {
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 0;
	color: #900;
	border-bottom: 1px dotted #ccc;
}

body.welcome div.otherOptions h2 {
	font-size: 16px;
	margin: 0 0 3px 0;
	padding: 0;
}

body.welcome div.otherOptions p {
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 0;
}

/*-------------------------------------------------
WELCOMEPRINT
-------------------------------------------------*/

body.welcomePrint {
	text-align: left;
	background: white;
	padding: 20px;
}

body.welcomePrint h1 {
	font-family: helvetica, sans-serif;
	font-size: 20px;
	margin: 0 0 3px 0;
	padding: 0;
	color: #000;
}

body.welcomePrint h2 {
	font-family: helvetica, sans-serif;
	font-size: 16px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #000
}

body.welcomePrint h2.heading {
	border-bottom: 1px solid #ccc;
	margin: 0 0 25px 0;
}

body.welcomePrint h3 {
	font-family: helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #000
}

body.welcomePrint p {
	font-family: georgia, serif;
	font-size: 14px;
	margin: 0 0 25px 0;
	padding: 0;
	line-height: 1.4em;
}

/*-------------------------------------------------
NEW BLANK SLATES
-------------------------------------------------*/

div.blankBar {
	padding: 10px;
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
	background-color: #ffc;
	text-align: center;
	margin-bottom: 20px;
}

body.help div.blankBar {
	background-color: #efefef;
	border-top: none;
	border-bottom: none;
}

div.blankExample {
	text-align: center;
	margin-bottom: 20px;
}

div.blankExample img {
	border: 1px solid #ccc;
}

div.blankBar h1, div.blankExample h1 {
	font-size: 20px;
	margin: 0 0 5px 0;
}

div.blankBar h1 a:hover {
	text-decoration: none;
}

div.blankExample h1 {
	font-size: 16px;
	margin: 0 0 2px 0;
}

div.blankBar p {
	margin: 0;
}

div.blankExample p {
	margin: 0 0 15px 0;
}


/*-------------------------------------------------
ACCOUNT DETAILS
-------------------------------------------------*/

body.account div.page_header_links {
  width: 250px;
}

body.account div.page_header_links span.new {
  color: #000;
  background: yellow;
  font-weight: bold;
  font-size: 10px;
}

/*-------------------------------------------------
ACCOUNT CHART
-------------------------------------------------*/

table.account_chart {
	width: 100%;
	margin-bottom: 25px;
	color: #000;
}

table.account_chart tr.promotion td {
	padding-bottom: 10px;
	line-height: 1.4em;
}

table.account_chart td, table.account_chart th {
	padding: 7px 6px;
}

table.account_chart td {
	text-align: center;
	font-size: 12px;
	white-space: nowrap;
}

table.account_chart td, table.account_chart th {
	border-bottom: 1px solid #000;
}

table.account_chart tr.your_plan td, table.account_chart tr.your_plan th {
	background-color: #ffc; 
}

table.account_chart th {
	font-size: 14px;
}

table.account_chart tr.header th {
	text-align: center;
	font-size: 12px;
	white-space: nowrap;
	background-color: #000;
	color: #fff;
}

table.account_chart th.side {
	text-align: right;
	background-color: #ffc;
	font-size: 16px;
	color: white;
	background-color: #222;
	border-bottom: 1px solid #999;
}

table.account_chart td.action {
	background-color: #222;
	border-bottom: 1px solid #999;
}

table.account_chart td.action span {
	font-size: 11px;
	color: yellow;
}

table.account_chart tr.your_plan td.action span {
	font-size: 11px;
	color: #000;
}

table.account_chart tr.your_plan th.side {
	color: #000;
}

table.account_chart td.action a {
	color: white;
}

table.account_chart td.big {
	font-size: 14px;
	font-weight: bold;
}

table.account_chart th.side span {
	text-transform: uppercase;
	font-size: 10px;
	color: orange;
	float: left;
	padding-top: 3px;
}

table.account_chart td.details {
	font-size: 11px;
	color: #444;
	background-color: #fefee5;
}

table.account_chart td.action strong {
	color: red;
	text-transform: uppercase;
}

table.account_chart td.details strong {
	color: #000;
}

table.account_chart tr.header th span {
	font-size: 11px;
	font-weight: normal;
	color: #999;
}

.calendar_date_select {
  background-color: white;
  color: #777;
  border: #999 1px solid;
  display: block;
  width: 190px;
}

.calendar_date_select .weekdays th {
  text-align: center;
  font-weight: bold;
  background-color: #ddd;
  height: 20px;
}

.calendar_date_select .body {
  clear: both;
}

.calendar_date_select .buttons {
  display: none;
}

.calendar_date_select .footer {
  background-color: #ddd;
  color: #000;
	font-weight: bold;
  padding: 3px 0 3px 5px;
  text-align: left;
	font-size: 12px;
}

.calendar_date_select table {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0;
  border-padding: 0;
}

.calendar_date_select .header {
  background-color: #efefef;
  border-bottom: 1px solid #aaa;
  text-align: center;
	font-weight: bold;
	padding: 3px;
	font-size: 11px;
	overflow: hidden;
}

.calendar_date_select .header .left {
  float: left;
}

.calendar_date_select .header .right {
  float: right;
}

.calendar_date_select .header .nav {
  text-decoration: none;
}

.calendar_date_select .header .title {
  color: black;
}

.calendar_date_select td,
.calendar_date_select th {
  margin: 0;
  padding: 0;
  line-height: 16px;
  font-size: 11px;
}

.calendar_date_select td a {
  display: block;
	padding: 2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  font-size: 11px;
  color: #333;
}

.calendar_date_select td.weekend a {
	color: #999;
	background-color: #efefef;
}

.calendar_date_select td.other a {
  color: #ccc;
}

.calendar_date_select .days td {
  border-bottom: 1px solid #ccc;
}

.calendar_date_select td a:hover {
  background-color: #dcdcdc;
}

.calendar_date_select td.today a {
  background-color: #99CCFF;
	color: #000;
}

.calendar_date_select td.selected a {
  background-color: #000;
  color: #fff;
}

.calendar_date_select td.busy {
}


body.chat div.page_header_links {
  color: #333;
  width: 220px;
}


/*-------------------------------------------------
NEW
-------------------------------------------------*/

body.files div.button_to_add_new img {
  width: 125px;
}

body.files div.button_to_add_new a.pressed {
  background-image: url(/images/upload_a_file-pressed.gif);
  width: 125px;
}

div#revise_file div.page_header h1 {
  font-size: 18px;
}

body.files div.sheet div.file_size_limit p {
  margin-top: 0;
  font-size: 13px;
  line-height: 140%;
}

body.files div.Post div.file_info {
	margin-left: 40px;
}

body.files div.Post {
  margin: 0 0 15px 2px;
  padding-bottom: 0;
  clear: left;
}

body.files div.Post h3 {
  font-size: 11px;
  margin-top: 0;
  color: #666;
}

body.files div.Post h3 a:link,
body.files div.Post h3 a:visited {
  font-size: 11px;
  color: #666;
}

body.files div.Post h3 a:hover {
  color: #fff;
}

body.files div.date_group {
	margin-bottom: 30px;
}

body.files div#CategoryList div.category {
  clear: right;
}


/*-------------------------------------------------
BASIC FORM
-------------------------------------------------*/

#basic_form {
  font-family: verdana, sans-serif;
}

#basic_form p.blockintro {
	color: #666;
	font-size: 12px;
  line-height: 1.3em;
  margin: 0;
}

#basic_form dl {}

#basic_form dt {
  width: 80px;
  margin: 4px 8px 0 0; padding: 0;
  text-align: right;
  white-space: nowrap;
  float: left;
  clear: left;
  position: relative;
}

#basic_form dd {
  margin: 0 0 5px 0px;
  font-size: 10px;
}

.addacompany #basic_form dt,
.editcompany #basic_form dt { width: 120px; }
.editcompany #basic_form dt { width: 120px; }
.newprojectnewclient #basic_form dt { width: 120px; }
.newprojectnewclient #basic_form dt.newcompanyname { margin-top: 0;}
.newprojectnewclient #basic_form dd.newcompanyname {
   font-size: 11px;
   margin-bottom: 10px;
 }

 .appearance #basic_form dt { width: 150px; }

.file_upload_settings #basic_form dt { width: 90px; }
.file_upload_settings #basic_form dd { margin-left: 98px; }
.file_upload_settings #basic_form dl#protocol dt { width: 20px; margin: 0; }
.file_upload_settings #basic_form dl#protocol dd { margin: 0 18px 10px 28px; }
.file_upload_settings #basic_form dl#hostaddress dt { width: 40px; }
.file_upload_settings #basic_form dl#hostaddress dd { margin-left: 0; }
.file_upload_settings_verification #basic_form div.block {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  padding: 8px 5px;
  margin-bottom: 0;
}

.chat_settings #basic_form dl#campfire_account dt { width: 170px; }
.chat_settings #basic_form dl#campfire_account dd { margin-left: 170px; }

.chat_settings div.SectionHeader {
  margin-bottom: 10px;
}

div.chat_explanation {
  border: 1px solid #fc3;
  background: #ffc;
  padding: 10px;
  margin: 0 0 20px 0;
}

div.chat_explanation h2 {
  margin-top: 0;
}

div.chat_explanation p {
  margin-bottom: 0;
}

.chat div.chat_explanation p {
  font-size: 14px;
  line-height: 140%;
}

#basic_form dt.required {
  font-weight: bold;
}

#basic_form dd input {
  vertical-align: middle;
}

#basic_form table {}

#basic_form table td {
	font-size: 10px;
}

#basic_form table th {
  font-size: 10px;
	font-weight: normal;
	text-align: right;
}

#basic_form table th.required {
  font-weight: bold;
}

#basic_form div.block {
	color: #333;
	background: #f0f0f0;
	margin: 3px 0 25px 0;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
}

#basic_form div.block input {
  font-size: 12px;
}

#basic_form h2 {
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
	padding: 0;
	margin: 0 0 5px 0;
}

#basic_form div.action, div.action {
	border-top: 2px solid #000;
	margin-bottom: 10px;
	text-align: right;
	padding-top: 8px;
	font-size: 12px;
}

.pick_chat_room div.action { color: #999; }

#basic_form div p {
  margin: 0;
}

.settings #basic_form div.categories {
  margin-bottom: 0;
}

.settings #basic_form div.categories li {
  list-style: square;
  margin-left: 15px;
  font-size: 11px;
}

.settings #basic_form div.categories li span {
  font-size: 10px;
  color: #999;
}

.settings #basic_form div.addnewcategory p {
  margin: 0;
}

#basic_form div#currentlogo {
  background: #e5e5e5;
  padding: 10px;
  margin: 3px 0 0 0;
}

#basic_form div#currentlogo td {
  vertical-align: middle;
}

#basic_form div#currentlogo div#LogoBox {
  margin-bottom: 0;
}

#basic_form div#currentlogo td p {
  margin: 0 0 3px 0;
}

#basic_form div#upload {
  padding-left: 10px;
}

#basic_form div#upload p {
  margin: 0 0 5px 0;
}

.settings #basic_form div#statusoptions p {
  margin: 0 0 5px 0;
}

.settings #basic_form div#statusoptions p span {
  font-size: 10px;
  color: #666;
}

#Listform li h2 {
	font-size: 14px;
	color: #000;
	padding: 0;
	margin: 0 0 3px 0;
}

#basic_form div.explanation {
	border-top: 1px solid #ccc;
	margin: 10px 0 0 0;
	padding: 10px 10px 0 10px;
}

#basic_form div.explanation p {
	margin-bottom: 10px;
	font-size: 11px;
}

span.nowrap {
  white-space: nowrap;
}

/*-------------------------------------------------
HEALTHY HOVER CLASSES
-------------------------------------------------*/

a.clicked:link,
a.clicked:visited {
  text-decoration: underline !important;
  background: none !important;
  color: #03c !important; /* the default link color  */
}

p.submit a.clicked:link,
p.submit a.clicked:visited,
div.submit a.clicked:link,
div.submit a.clicked:visited,
div.page_header a.clicked:link,
div.page_header a.clicked:visited {
  color: #f00 !important; /* the admin link color */
}


/*-------------------------------------------------
PAGE HEADER
-------------------------------------------------*/

div.page_header {
  background: #edf3fe;
  margin: 0 0 5px 0;
  padding: 13px 30px 13px 24px;
}

div.page_header h1 {
	padding: 0;
  margin: 0;
	font-size: 14px;
	color: #000;
}

div.page_header h1 span {
	font-size: 12px;
	color: #666;
	font-weight: normal;
}

div.sheet div.page_header h1 {
  font-size: 20px;
}

div.page_header p {
  margin: 5px 0 0 0;
}


/*-------------------------------------------------
PAGE HEADER LINKS
-------------------------------------------------*/

div.page_header_links {
  float: right;
  width: 200px;
  font-size: 11px;
  margin-top: 0;
  text-align: right;
  color: #ccc;
  line-height: 20px;
}

div.page_header_links strong {
  color: #000;
}

div.page_header_links a.active:link,
div.page_header_links a.active:visited,
div.page_header_links a.active:hover {
  background: #999;
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

div.page_header_links a.edit {
  text-decoration: none;
  color: #777;
}

div.page_header_links a.edit:hover {
  color: #fff;
}


/*-------------------------------------------------
PRIVATE HEADER
-------------------------------------------------*/

div.private_header {
  background: #ffe6ea;
  padding: 6px 10px 6px 27px;
  font-size: 11px;
  margin: 0;
}

div.private_header img {
  vertical-align: top;
  padding-top: 1px;
  margin-right: 2px;
}

div.private_header p {
  margin: 0;
}



/*-------------------------------------------------
DATES
-------------------------------------------------*/

h2.date /* the date */ {
	margin: 0 0 15px -23px;
	font-size: 9px;
	text-transform: uppercase;
}

h2.date span {
	border-bottom: 1px solid #ccc;
	color: #666;
	padding: 2px 4px 2px 24px;
}

h2.date span.today {
	background-color: #fff000;
	color: #000;
	font-weight: bold;
	border-bottom: none;
}

/*-------------------------------------------------
SIDEBARS
-------------------------------------------------*/

body .Right h1 {
	background-color: #EDF3FE;
	border-bottom: 1px solid #DCDCDC;
	margin: 0 0 5px 0;
	color: #333;
	padding: 6px 8px;
	font-size: 13px;
}

body .Right p {
	font-size: 12px;
	line-height: 1.3em;
	color: #222;
}

body .Right div.indent {
	padding-left: 8px;
}

/*-------------------------------------------------
BUTTON TO ADD NEW
-------------------------------------------------*/

div.button_to_add_new {
  margin: 0 0 15px 0;
}

div.button_to_add_new img {
  height: 31px;
}

div.button_to_add_new div.other_ways_to_add img {
  width: 16px !important;
  height: 16px !important;
}

div.button_to_add_new a.pressed img {
  visibility: hidden;
}

div.button_to_add_new a.pressed {
  display: block;
  height: 31px;
}

div.other_ways_to_add {
  font-size: 12px;
  line-height: 22px;
  margin: 8px 0 25px 7px;
}

div.other_ways_to_add img {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

div.other_ways_to_add a.clicked {
  color: #666 !important;
}

/*-------------------------------------------------
PRIVATE BUG FOR TITLES
-------------------------------------------------*/

span.private_bug {
  font-weight: normal;
  font-size: 10px;
  font-weight: normal;
  background: #d00;
  color: #fff;
  padding: 1px 3px;
}



/*-------------------------------------------------
TO-DOS AND MILESTONES DASHBAORD
-------------------------------------------------*/

body.filterable_dashboard div.page_header_links {
  color: #333;
  font-size: 12px;
  width: 300px;
}

body.filterable_dashboard div.page_header_links form {
  margin: 0; padding: 0;
}

body.filterable_dashboard div.page_header_links select {
  font-size: 12px;
  width: 120px;
}

body.filterable_dashboard div.no_items {
  margin-left: 20px;
}

body.filterable_dashboard div.no_items h2,
body.filterable_dashboard div.no_items p {
  margin: 0 0 5px 0;
}

/*-------------------------------------------------
SHEET FORMS
-------------------------------------------------*/

div.sheet_form div.form_section {
	margin-bottom: 25px;
}

div.sheet_form div.sub_form_section {
	margin-bottom: 10px;
}

div.sheet_form input.text {
  font-weight: bold;
  font-size: 18px;
  width: 98%;
}

div.sheet_form p {
  font-size: 13px;
	margin: 0 0 15px 0;
	padding: 0;
}

div.sheet_form div.submit {
  border-top: 1px dashed #ccc;
  margin: 20px -60px -15px -23px;
  padding: 15px 0 15px 30px;
  text-align: left;
}

div.sheet_form div.notify_block h3 {
  color: #000;
}

div.sheet_form div.submit p {
  margin: 0;
}

div.sheet_form h2 {
	color: #000;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
	font-family: "Lucida Grande", verdana;
}

div.sheet_form h3 {
	color: #000;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 14px;
}

div.sheet_form h2 span {
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

/*-------------------------------------------------
PRIVATE ITEMS
-------------------------------------------------*/

div.private_banner {
	background-color: #ffe6ea;
	padding: 7px;
	text-align: center;
	margin: 15px 0;
	font-size: 12px;
	font-weight: bold;
}

div.private_banner span {
	background-color: red;
	padding: 2px 4px;
	color: #fff;
}

/*-------------------------------------------------
BLANK SLATES
-------------------------------------------------*/

div.blankBar h1 a.clicked:link,
div.blankBar h1 a.clicked:visited {
  color: red !important;
}

/*-------------------------------------------------
"LOCKED AND ARCHIVED" BAR
-------------------------------------------------*/

div#LockBar {
	background: #000;
	color: #ffc;
	padding: 4px;
	font-size: 14px;
	text-align: center;
}

div#LockBar span.reactivate {
	font-size: 12px;
}

div#LockBar span.reactivate a:link,
div#LockBar span.reactivate a:visited {
	color: #fff;
}


a.grey { color: #666 !important; }

a.grey:hover { color: #fff !important; background: #666; }

/*-------------------------------------------------
HEADER
-------------------------------------------------*/

#Header {
	/*width: 100%;*/
	background: #036;
	padding: 1px 0 0 0;
	margin: 0;
	text-align: left;
  position: relative;
	}	

#Header h1 /* client name */ {
	padding: 0 0 10px 0;
	margin: 7px 0 0 30px;
	font-size: 24px;
	font-weight: normal;
	color: #fc0;
	text-align: left;
	}	

#Header h1 span /* project name */ {
	/*padding: 0 0 7px 0;
	margin: 0 0 5px 32px;*/
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	border: none;
	font-family: "Lucida Grande", arial, sans-serif;
	}	

#Header h3 {
	padding: 0 30px 0 32px;
	margin: 7px 0 0 0;
	font-size: 10px;
	font-weight: normal;
	font-family: verdana;
	text-align: left;
}

#Header h3.global {
  position: relative;
  float: right;
  text-align: right;
  width: 300px;
}

#Header h3 span#floatright {
  text-align: right;
  width: 300px;
  position: relative;
  float: right;
}

#Header h3 span.pipe {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#Header h3 a.current {
	font-weight: bold;
	text-decoration: none;
}

#fresh_all h2 {
	padding: 0 0 2px 0;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}

#Header a:hover.image {
	background-color: none;
	background-color: transparent;
}

/*-------------------------------------------------
TABS
-------------------------------------------------*/

#Tabs {
	margin: 0 0 0 30px;
	height: 25px;
	padding: 0;
}

#Tabs ul {
	margin: 0; padding: 0;
}

#Tabs li {
	margin: 0; padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

#Tabs ul#MainTabs {
}

div#Tabs a:link,
div#Tabs a:visited {
  text-decoration: none;
}

#Tabs a:hover {
	color: #fff;
	background: #333;
}

#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited {
  float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 4px 8px 6px 8px;
	margin: 0;
}

#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current {
	background: #e5e5e5 url(/images/tab-bg.gif) top repeat-x;
	border-bottom: 1px solid #e5e5e5;
	color: #222;
	font-weight: bold;
	text-decoration: none;
  margin: 0;
}

/*-------------------------------------------------
NEW ACCOUNT FIRST LOGIN
-------------------------------------------------*/

div.new_account_welcome h1 {
	color: #000;
	font-size: 18px;
	margin: 15px 0;
	padding: 0;
	line-height: 1.3em;
}

div.new_account_welcome h2 {
	color: #000;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0;
}

div.new_account_welcome h3 {
	color: #222;
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.3em;
}

div.new_account_welcome span.highlight {
	background-color: yellow;
	padding: 3px;
}

/*-------------------------------------------------
MINIDIALOG
-------------------------------------------------*/

div.minidialog {
  background-color: #fff;
  width: 510px;
  text-align: left;
  margin: 20px auto;
	padding-bottom: 0px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

body.mini_dialog .innercol {
	padding: 15px 23px 0 23px;
}

div.minidialog img {
  margin: 0 0 15px 0;
  padding: 0;
}

div.minidialog div.action {
  padding: 7px;
  background-color: #cfc;
  margin-bottom: 0;
}

div.minidialog table {
	font-size: 11px;
}

div.minidialog div.innercol p {
	margin-top: 0;
	padding-top: 0;
}

/*-------------------------------------------------
NEW
-------------------------------------------------*/

body.messages div.button_to_add_new img {
  width: 176px;
}

body.messages div.button_to_add_new a.pressed {
  background-image: url(/images/post_a_new_message-pressed.gif);
  width: 176px;
}

body.edit_message div.FormBlock,
body.new_message div.FormBlock {
  margin-top: 0;
}

/*-------------------------------------------------
INDEX
-------------------------------------------------*/

div.Post {
  margin-left: 0;
	padding-left: 0;
}

.Post h1.title {
	font-size: 18px;
}

.Post h1.title span.private_bug {
  vertical-align: middle;
}

.Post h1.title a {
  padding: 0;
}

.Post h3 {
	padding: 0;
	margin: 10px 0 5px 0;
	color: #333;
	font-size: 12px;
	line-height: 1.3em;
	font-weight: normal;
}

.Post h3 span.pipe {
  color: #999;
}

.Post h3 a:link,
.Post h3 a:visited {
  color: #000;
  font-size: 12px;
}

.Post h3 a:hover {
	color: #fff;
	background-color: #666;
}

.Post h3 a.admin:link,
.Post h3 a.admin:visited {
  color: #f00;
}

.Post h3 a.admin:hover {
  color: #fff;
  background-color: #f00;
}

body.messages div.Post div.post_body p {
  font-size: 12px;
}

body.messages div.Post div.post_body h1 {
  font-size: 16px;
}

body.messages div.Post div.post_body h2 {
  font-size: 14px;
}

body.messages div.Post div.post_body h3 {
  font-size: 12px;
}

body.messages div.Post div.post_body h4,
body.messages div.Post div.post_body h5,
body.messages div.Post div.post_body h6 {
  font-size: 12px;
}


/*-------------------------------------------------
FORUM INDEX
-------------------------------------------------*/

body.forum div.Left div.innercol {
  padding-right: 23px;
}

table.forum_view {
	margin-bottom: 20px;
  border-collapse: collapse;
}

table.forum_view th {
  color: #999;
  font-weight: normal;
  text-align: left;
  font-size: 11px;
  padding: 3px 7px 3px 0;
  border-bottom: 1px solid #ddd;
}

table.forum_view td {
	font-size: 14px;
	color: #000;
	padding: 7px 7px 7px 0;
  border-bottom: 1px solid #eee;
	vertical-align: top;
	line-height: 1.1em;
}

table.forum_view td.message {
  padding-right: 15px;
  width: 70%;
}

table.forum_view td.message a {
  text-decoration: none;
  position: relative;
}

table.forum_view td.message a:hover {
  background: none;
}

table.forum_view td.message a span.comments {
  display: block;
  position: absolute;
  top: 4px;
  left: -55px;
  width: 50px;
  text-align: right;
}

table.forum_view td.message a span.size {
  float: right;
  font-weight: bold;
  padding: 2px 5px 0 0;
  font-size: 12px;
}

table.forum_view td.message a:link span.size {
	color: #01a101;
}

table.forum_view td.message a.visited span.size {
  color: #999;
}

table.forum_view td.message a span.comments span.icon {
  display: block;
  width: 24px;
  height: 21px;
  float: right;
}

table.forum_view td.message a:link span.comments span.icon {
  background-image: url(/images/comment-unread.gif);
}


table.forum_view td.message a.visited span.comments span.icon {
  background-image: url(/images/comment-read.gif);
}

table.forum_view td.message a span.title {
  padding: 1px 0;
  line-height: 1.3em;
  text-decoration: underline;
}

table.forum_view td.message a span.title:hover {
  text-decoration: none;
}

table.forum_view td img {
  vertical-align: middle;
}

table.forum_view div.comments {
  text-align: right;
}

table.forum_view td.comments span {
	background-color: #ccc;
	padding: 4px;
	font-size: 11px;
}

table.forum_view td.comments span.new {
	background-color: #01a101;
	color: #fff;
	font-weight: bold;
}


table.forum_view td.last_comment {
  width: 29%;
  color: #888;
  font-size: 11px;
}

table.forum_view td span.meta {
  color: #888;
	font-size: 11px;
}

table.forum_view td span.meta span.today {
	background-color: yellow;
	padding: 2px;
	color: #333;
}



/*-------------------------------------------------
SHOW
-------------------------------------------------*/

body.message div.page_header h1,
body.message div.page_header h1 span {
  /* span for Textile interference */
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

.Post div.post_body p {
	font-size: 14px;
	line-height: 1.4em;
	margin: 3px 0 10px 0;
	padding: 0;
}


div.Post div.post_body h1,
div.Post div.post_body h2,
div.Post div.post_body h3,
div.Post div.post_body h4,
div.Post div.post_body h5,
div.Post div.post_body h6 {
  margin: 15px 0 0 0;
  font-weight: bold;
  color: #000;
}

div.Post div.post_body h1 {
  font-size: 18px;
}

div.Post div.post_body h2 {
  font-size: 16px;
}

div.Post div.post_body h3 {
  font-size: 14px;
}

div.Post div.post_body h4,
div.Post div.post_body h5,
div.Post div.post_body h6 {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
}

.Comments .Post h3 {
  margin-top: 0;
}

.Comments .Post h3 span.date {
  color: #333;
}


/*-------------------------------------------------
NEW COMMENT
-------------------------------------------------*/

body.message div#your_comment div.extra div.showhide_link p {
  font-size: 12px;
}

/*-------------------------------------------------
COMMENT EMAIL NOTIFICATION SIGNUP
-------------------------------------------------*/

div#notificationSignup {
	margin-bottom: 20px;
}

div#notificationSignup h3 {
	font-size: 12px;
	border-bottom: 1px dotted #ccc;
	color: #000;
	padding: 0;
	margin: 0;
}

div#notificationSignup p.subscribers {
	margin-top: 0;
}

.SidebarContact {
	font-size: 11px;
	line-height: 1.3em;
	color: #333;
	margin: 10px 0;
}

.SidebarContact h3 {
	color: #000;
	margin: 0;
	font-size: 12px;
}

/*-------------------------------------------------
COMMENT SPECIFIC STUFF
-------------------------------------------------*/

div.Comments h2 {
	font-size: 12px;
	color: #fff;
	background-color: #333;
	margin: 0 0 10px 0;
	padding: 4px;
}

div#Attachments h2 {
	background-color: transparent;
	color: #000;
	border-bottom: none;
}

.Comments div.Post {
	border-top: 1px solid #efefef;
	margin: 0 0 5px 0;
	clear: left;
	color: #333;
	padding: 5px;
}

.Comments div.first {
  border-top: none;
}

.Comments #OriginalPost {
	padding: 0 0 30px 0;
	background: #fff;
	border-bottom: none;
}

.Post#Preview, #preview {
	border: 2px solid #ef9c00;
	padding: 0;
}

.Post#Preview h2, #preview h2 {
	margin: 0;
	padding: 5px 10px;
	background: #ff6;
	border: none;
	color: #000;
}

.Post#Preview #PreviewBody, #preview_body {
	padding: 10px;
}

#preview {
  margin-bottom: 10px;
}

.Post#Preview #PreviewButtons {
	text-align: left;
	background: #ffc;
	margin: 0;
	padding: 5px 10px;
}

div.Comments img.avatar {
  margin: 0 10px 10px 0;
  width: 48px;
  float: left;
  padding-left: 5px;
}

div.Comments div.Post ul,
div.Comments div.Post ol {
  clear: left;
}

div.Comments div.Post ol li,
div.Comments div.Post ul li {
}

div#your_comment div.Post {
  margin-bottom: 0;
}

div.post_comment_stats h2 {
	margin: 1px 0 8px 0;
	font-size: 12px;
	color: #666;
	font-weight: normal;
}

div.post_comment_stats h2 a:link,
div.post_comment_stats h2 a:visited {
	font-weight: bold;
	color: #000;
}

div.post_comment_stats h2 a:hover {
  color: #fff;
  background: #000;
}

div.uploaded_images img {
	padding: 1px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
}

/*-------------------------------------------------
FILE ATTACHMENTS
-------------------------------------------------*/

ul.LinkList {
	padding: 0;
	margin: 5px 0 10px 0;
	border: none;
}

ul.LinkList li {
	font-size: 11px;
	border: none;
	color: #888;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.LinkList li img, div#AttachmentList ul li img {
	padding-right: 4px;
}


/*-------------------------------------------------
INDEX
-------------------------------------------------*/

body.milestones div.page_header_links {
  color: #999;
  width: 300px;
}

body.milestones div.page_header {
  margin-bottom: 10px;
}

/*-------------------------------------------------
DATEPICKER
-------------------------------------------------*/

div.datepicker {
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #ccc;
	overflow: hidden;
}

body.milestones div.clear {
  clear: both;
  font-size: 5px;
}

body.milestones div.Milestone div.sheet_form div.shift {
	border: 1px dotted #999;
	padding: 5px;
	margin-bottom: 15px;
}

body.milestones div.Milestone div.sheet_form div.shift h2 {
	font-size: 12px;
	font-weight: bold;
}

body.milestones div.Milestone div.sheet_form div.shift p {
	font-size: 11px;
	line-height: 1.2em;
}

/*-------------------------------------------------
NEW
-------------------------------------------------*/

body.milestones div.button_to_add_new img {
  width: 181px;
}

body.milestones div.button_to_add_new a.pressed {
  background-image: url(/images/add_a_new_milestone-pressed.gif);
  width: 181px;
}

body.milestones div.sheet_form div.submit {
	margin: 0 0 0 240px;
	padding: 15px 0 20px 0;
}

body.milestones div.sheet_form input.text {
	width: 300px;
}

/*-------------------------------------------------
EDIT
-------------------------------------------------*/

body.milestones div.Milestone div.sheet_form {
	border: 2px solid #999;
	padding: 10px;
	margin: 10px 0;
}

body.milestones div.Milestone div.sheet_form div.submit {
	padding: 10px 0 0 0;
	margin-left: 0;
}

body.milestones div.Milestone div.sheet_form input.text {
	width: 260px;
}


/*-------------------------------------------------
SIDEBAR CALENDAR
-------------------------------------------------*/

table.Calendar {
	margin-top: 15px;
	font-size: 10px;
	text-align: center;
	color: #333;
	font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;
}

table.Calendar td {
	padding: 4px;
	text-align: center;
	font-size: 11px;
	color: #121212;
}

table.Calendar th {
	color: #555;
	background: #dcdcdc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

table.Calendar th.month {
	text-align: right;
	color: #333;
}

table.Calendar td.weekend {
	color: #c3bebe;
}

table.Calendar td.past, table.Calendar td#today, table.Calendar td.future_today, table.Calendar td.past_today, table.Calendar td.past_future, table.Calendar td.past_future_today, table.Calendar td.future, table.Calendar td.late {
	color: #fff;
}

table.Calendar td.past {
	background: #393;
	color: #fff;
}

table.Calendar td.late {
	background: #c00;
	color: #fff;
}

table.Calendar td#today {
	/* background: #fc0; */
	background: #9cf;
	color: #000;
}

table.Calendar td.future_today {
	color: #69c;
	background: #fc0;
	font-weight: bold;
}

table.Calendar td.past_today {
	color: #9ff;
	background: #393;
	font-weight: bold;
}

table.Calendar td.past_future {
	background-image: url(/images/milestone_future_past.gif);
	background-position: center;
	color: #fff;
}

table.Calendar td.past_future_today {
	background-image: url(/images/milestone_future_past.gif);
	background-position: center;
	color: #9ff;
	font-weight: bold;
}

table.Calendar td.future {
	/* background: #c00; */
	background: #fc0;
	color: #000;
}

table.Calendar tr.pastmonth {
	display: none;
}

div.widget div.nubbin {
  display: none;
  position: relative;
  top: -4px;
  left: 0;
  width: 0;
  height: 0;
}

div.widget div.hover div.nubbin {
  display: block;
}

div.widget div.widget div.nubbin {
  display: none;
}

div.widget div.widget div.hover div.nubbin {
  display: block;
}

div.widget div.nubbin div.wrapper {
  position: absolute;
  height: 19px;
  right: 0;
  width: 56px;
  background: url(/images/nubbin.gif) no-repeat top left;
  margin: 0;
  padding: 7px 0 0 7px;
  font-size: 10px;
  line-height: 10px;
}

div.widget div.nubbin ul {
  margin: 0;
  padding: 0;
}

div.widget div.nubbin li {
  float: left;
  list-style-type: none;
  margin: 0 4px 0 0;
}

div.widget div.nubbin li a {
  font-size: 10px;
  background: none;
  color: #f00;
  text-decoration: underline;
}

div.widget div.nubbin li img {
  border: none;
}

div.widget * {
  z-index: 1;
}

div.widget_content * {
  z-index: 2;
}

div.widget_content div.nubbin,
div.widget_content div.nubbin * {
  z-index: 0;
}

div.widget div.nubbin img.drag_handle {
  cursor: move;
}

body.iphone div.widget div.nubbin img.drag_handle {
  display: none;
}

body.iphone div.widget div.nubbin div.wrapper {
  width: 45px;
}

/*-------------------------------------------------
SPINNERS
-------------------------------------------------*/

div.busy div.widget_content div.nubbin {
  display: block;
}

div.busy div.widget_content div.nubbin ul {
  background: url(/images/dots-white.gif) no-repeat bottom right;
  width: 30px;
  height: 8px;
}

div.busy div.widget_content div.nubbin li {
  visibility: hidden;
}

div.busy div.form div.buttons {
  background: url(/images/dots-white.gif) no-repeat center left;
  color: #efefef;
}

div.busy div.form div.buttons * {
  visibility: hidden;
}

div.busy div.add form.upload div.buttons {
  background: url(/images/progress_bar.gif) no-repeat center left;
  text-align: right; /* hack so the #efefef-colored text doesn't appear over the progress bar */
}


div.busy div.widget_content div.widget_content div.nubbin {
  display: none;
}

div.widget_parent div.busy div.widget_content div.nubbin {
  display: none;
}



/*-------------------------------------------------
OPEN ID BAR
-------------------------------------------------*/

div#open_bar {
  background: #000;
  position: relative;
  text-align: left;
  font-size: 10px;
  z-index: 1;
}

div#open_bar div.message {
  padding: 5px 30px;
  color: #999;
}

div#open_bar ul {
  margin: 0;
  padding: 0;
}

div#open_bar li {
  list-style-type: none;
  line-height: normal;
  padding: 0;
}

div#open_bar ul.menus {
  padding: 0 25px;
}

div#open_bar li.menu {
  float: left;
  position: relative;
  margin-right: 4px;
}

div#open_bar li.menu a {
  position: relative;
  display: block;
  padding: 4px 5px;
  font-size: 10px;
  color: #999;
  text-decoration: none;
}

div#open_bar li.menu a:hover {
  background: #000;
}

div#open_bar li.menu a.on {
  color: #ddd;
}

div#open_bar li.menu a.on:hover {
  color: #ddd;
}

div#open_bar li.menu a.account:hover {
  color: #fff;
}

div#open_bar li.menu a.current_account:hover {
  color: #999;
}

div#open_bar li.menu div.items {
  display: none;
  position: absolute;
  z-index: 5;
  left: 0;
  width: 200px;
  background: url(/images/open_bar_bg.png) repeat;
}

div#open_bar li.hover div.items {
  display: block;
}

div#open_bar li.menu ul.items {
  padding: 0 3px 3px 0;
}

div#open_bar li.item {
  background: #000;
  border-top: 1px solid #222;
}

div#open_bar li.item a {
  padding-left: 10px;
}

div#open_bar ul.items li.last {
  padding-bottom: 5px;
}

/* IE */

div#open_bar li.menu div.items {
  _background: none;
}

div#open_bar li.menu ul.items {
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/open_bar_bg.png',sizingMethod='scale');
}

div#open_bar ul.menus,
div#open_bar li.menu div.items,
div#open_bar li.menu ul.items,
div#open_bar li.item,
div#open_bar li.item a {
  zoom: 100%;
}

body.with_open_bar div#open_bar {
  _position: absolute;
  _top: 0;
  _left: 0;
}

body.with_open_bar div#Header {
  _margin-bottom: 20px;
  _top: 20px;
}



/*-------------------------------------------------
PROJECT OVERVIEW
-------------------------------------------------*/

body.overview div.page_header_links {
  width: 350px;
}



body.people div.page_header_links {
  color: #999;
  width: 320px;
}

body.edit_person div.page_header_links {
  width: 250px;
}


/*-------------------------------------------------
INDEX
-------------------------------------------------*/

body.projects ul.upcoming_milestones {
  margin-bottom: 15px;
}

body.projects div.Right div.SectionHeader {
  margin-bottom: 10px;
}

h3.link_to_new_project a.clicked:link,
h3.link_to_new_project a.clicked:visited {
  color: red !important;
}

h2.dashheader {
	color: #000;
	font-size: 11px;
}

div.latemilestones h1 {
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
	font-size: 11px;
	border-bottom: 1px solid #c00;
	color: #c00;
}

div.latemilestones ul li strong {
	color: #c00;
}

div.global_subscriptions {
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 11px;
	margin-top: 20px;
	line-height: 1.8em;
}

div.global_subscriptions h2 {
	font-size: 12px;
	color: #000;
	margin: 0 0 7px 0;
	padding: 0;
}

div.global_subscriptions h2 span {
	font-size: 11px;
	color: #666;
	font-weight: normal;
}

/*-------------------------------------------------
DASHBOARD ANNOUNCEMENT
-------------------------------------------------*/

body.dashboard div.dash_annoucement {
	background-color: #ffc;
	border-top: 1px solid #f90;
	border-bottom: 1px solid #f90;
	padding: 10px 25px 0 25px;	
}

body.dashboard div.dash_annoucement h1 span {
	float: right;
}

body.dashboard div.dash_announcement p {
	color: #222;
	font-size: 12px;
	line-height: 1.4em;
	margin: 0;
}

/*-------------------------------------------------
NEW
-------------------------------------------------*/

body.projects div.sheet div.sheet_form h2 {
  font-weight: bold;
}

body.projects div.sheet div#give_access h2 {
  margin-bottom: 10px;
}

body.projects div.button_to_add_new img {
  width: 179px;
}

body.projects div.button_to_add_new a.pressed {
  background-image: url(/images/new_project-pressed.gif);
  width: 179px;
}

/*-------------------------------------------------
PROJECT LIST
-------------------------------------------------*/

body.projects .Right h1 {
	font-size: 14px;
}

body .Right .Client h1, div.Archive h1 {
	background-color: transparent;
	font-size: 12px;
	color: #000;
	border: none;
}

body .Project a, .InactiveProjects a {
	border-bottom: medium none;
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin: 1px 0;
	padding: 1px 1px 1px 8px;
}

.Right .col .Client {
	padding: 0;
}

/*-------------------------------------------------
1-PROJECT FREE UPGRADE SIDEBAR
-------------------------------------------------*/

div#upgrade_from_free {
	background-color: #ffc;
	padding: 10px;
}

div#upgrade_from_free  h1 {
	background-color: #ffff76;
	border-bottom: none;
	margin-bottom: 10px;
}

div#upgrade_from_free h2, div#upgrade_from_free p {
	margin: 0;
	padding: 0;
}

div#upgrade_from_free h2 {
	color: #000;
}

div#upgrade_from_free p {
	margin: 0 0 10px 0;
}

/*-------------------------------------------------
OVERVIEW
-------------------------------------------------*/

div#fresh_all h2 {
	color: #000;
}

body.overview .Right div.indent h2 {
	border-bottom: 1px dotted #ccc;
	color: #000;
	margin: 10px 0 6px 0;
}

div.people_on_project p {
	margin: 0 0 8px 0;
}

div.people_on_project p small {
	color: #888;
	margin: 0;
	padding: 0;
}


/*-------------------------------------------------
SHOW (Project overview)
-------------------------------------------------*/

body.overview table.events td {
  font-size: 12px;
  padding: 4px 0;
  vertical-align: top;
}

body.overview table.events td.who {
  white-space: nowrap;
  font-weight: bold;
  padding-right: 4px;
  text-align: right;
}

body.overview span.list {
  color: #999;
}

body.overview table.events span {
  line-height: 1.4em;
}

body.overview table.events h2.date {
  margin-top: 12px;
  margin-bottom: 0;
}

body.overview span.event_type span {
  font-weight: normal;
  color: #fff;
  padding: 1px 3px;
}

body.overview span.event_type span.completed {
  padding-left: 16px;
  background: url(/images/events/check.png) 0 0 no-repeat;
}

body.overview table.events img.file_icon {
  vertical-align: top;
}

body.overview span.event_type span.post {
  background-color: #334E7D;
}

body.overview span.event_type span.todo {
  background-color: #C87800;
}

body.overview span.event_type span.comment {
  background-color: #6492AC;
}

body.overview span.event_type span.milestone {
  background-color: #5F6E43;
}

body.overview span.event_type span.file {
  background-color: #7A4A77;
}

body.overview span.event_type span.writeboard {
  background-color: #24A89E;
}

body.overview span.event_type span.private {
  background-color: #f00;
}

/* ---OVERVIEW LOG ------------------------------------------- */

table.overview {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing:	0;
	width: 100%;
}

table.overview td {
	padding: 4px 3px;
	vertical-align: top;
	border-bottom: 1px solid #efefef;
}

table.overview h2.date {
	margin-bottom: 5px;
	margin-left: -26px;
}

table.overview tr.date td {
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
	border-bottom: none;
	padding-top: 15px;
}

table.overview td.what {
	text-align: right;
	padding-top: 4px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0;
}

table.overview td.what span {
	padding: 3px 4px;
	color: #fff;
	font-size: 10px;
	display: block;
	float: right;
	white-space: nowrap;
	width: 60px;
}

table.overview td.item {
	padding-left: 6px;
	padding-top: 6px;
	width: 100%;
	font-size: 12px;
	color: #000;
	margin: 0 0 2px 0;
	line-height: 1.1em;
}

table.overview td.action {
	white-space: nowrap;
	text-align: right;
	color: #999;
	font-size: 10px;
	padding-top: 6px;
}

table.overview td.what span.comment {
	background-color: #6492AC;
}

table.overview td.what span.post {
	background-color: #334E7D;
}

table.overview td.what span.file {
	background-color: #7A4A77;
}

table.overview td.what span.milestone {
	background-color: #5F6E43;
}

table.overview td.what span.todo {
	background-color: #C87800;
}

table.overview td.what span.writeboard {
	background-color: #24A89E;
}

table.overview td.what span.private {
	background-color: red;
}

table.overview span.name {
	color: #565656;
	font-size: 10px;
	font-style: italic;
}

/* ---DASHBOARD LOG ------------------------------------------ */

table.overview th, body.dashboard table.milestones th, body.overview table.milestones th {
	background: #E9E9E9;
	border-bottom: 2px solid #fff;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
}

table.overview th a:link, table.overview th a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #000;
}

table.overview th a span {
	color: #666;
	font-size: 10px;
}

table.overview th a:hover, table.overview th a:hover span {
	color: #fff;
}

body.dashboard table.overview td.date span.today {
	padding: 1px 2px;
	background-color: #fff000;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: left;
	font-size: 9px;
}

body.dashboard table.overview td.item {
	font-size: 11px;
	padding-top: 5px;
	padding-left: 6px;
	line-height: 1.2em;
}

table.overview td.name, body.dashboard table.overview td.date {
	color: #222;
	font-size: 10px;
	white-space: nowrap;
	padding-top: 6px;
}

body.dashboard table.overview td.date {
	padding-right: 3px;
	padding-left: 5px;
	text-align: left;
	border-left: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	color: #222;
}

table.overview tr.rowblank td {
	border: none;
	padding: 0;
}

body.dashboard table.overview td.name {
	padding-right: 3px;
}

body.dashboard table.overview td.what {
	padding-top: 3px;
	padding-left: 3px;
	border-bottom: 1px solid #efefef;
}

/* --- MILESTONES MODULE ------------------------------------- */

body.dashboard h2.dashheader, body.overview h2.dashheader {
	margin-top: 10px;
}

body.dashboard table.Dashcal, body.overview table.Dashcal {
	margin-bottom: 2px;
}

body.dashboard table.milestones, body.overview table.milestones {
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

body.dashboard table.milestones td, body.overview table.milestones td {
	padding: 3px 5px;
}

body.dashboard table.milestones table.Dashcal th, body.overview table.milestones table.Dashcal th {
	background: transparent;
	color: #666;
	font-size: 10px;
	padding: 3px;
	text-align: left;
}


body.settings div.page_header,
body.admin div.page_header {
	color: #ccc;
	font-size: 12px;
}

body.settings div.page_header strong,
body.admin div.page_header strong {
  font-size: 14px;
	color: #000;
}




/*-------------------------------------------------
NEW LIST 
-------------------------------------------------*/

body.todos div.button_to_add_new img {
  width: 138px;
}

body.todos div.button_to_add_new a.pressed {
  background-image: url(/images/new_to-do_list-pressed.gif);
  width: 138px;
}

body.todos div#new_list div.options_toggle {
  font-size: 12px;
}

body.todos div#new_list div.options_toggle a {
  color: #666;
}

body.todos div#new_list div.options_toggle a:hover {
  background: #666;
  color: #fff;
}

body.todos div#new_list div#new_list_options {
  margin: 15px 0 0 0;
  padding: 10px 0 0 10px;
  border-top: 1px dashed #ccc;
}

body.todos div#new_list div#new_list_options select {
  width: 70%;
}

body.todos div#new_list div#use_template_block select {
  width: 80%;
  font-weight: bold;
  font-size: 18px;
}

body.todos div#new_list div.sheet_form h2 {
  font-weight: bold;
  font-size: 13px;
}

body.todos div#new_list_description {
	margin: 10px 0;
}

/*-------------------------------------------------
EDIT LIST 
-------------------------------------------------*/



body.writeboards div.page_header_links {
  width: 350px;
}

/*-------------------------------------------------
NEW
-------------------------------------------------*/

body.writeboards div.button_to_add_new img {
  width: 173px;
}

body.writeboards div.button_to_add_new a.pressed {
  background-image: url(/images/create_a_writeboard-pressed.gif);
  width: 173px;
}

